您的位置:首页 > 文旅 > 旅游 > JavaScript基础(35)_window对象方法:定时器

JavaScript基础(35)_window对象方法:定时器

2024/12/23 3:27:28 来源:https://blog.csdn.net/no15870678621/article/details/141339816  浏览:    关键词:JavaScript基础(35)_window对象方法:定时器

window对象属性

主要属性:

document:对Document对象的只读引用。
history:对History对象的只读引用。
location:对于窗口或框架的Location对象。

主要方法:

setInterval()
setInterval(参数1,参数2):定时调用。 可以将一个函数,每隔一段时间执行一次。
参数:
参数1:回调函数,该函数会每隔一段时间被调用一次。
参数2:每次调用间隔的时间,单位是毫秒。

返回值:
返回一个Number类型的数据,这个数字用来作为定时器的唯一标识

clearInterval()
clearInterval()可以用来关闭一个定时器。方法中需要一个定时器的标识作为参数,这样将关闭对应的定时器。

var num = 1;
var timer = setInterval()(function(){
count.innerHTML = num++;
if(num ==11){
clearInterval(timer);
}
},1000)

注意:
1、clearInterval()可以接收任意参数,如果参数是一个有效的定时器的标识,则停止对应的定时器。如果参数不是一个有效的标识,则什么也不做
2、开启定时器之前,需要将当前元素上的其他定时器关闭,这样可避免多个定时器触发。

setTimeout()
延时调用,延时调用一个函数不会马上执行,而是隔一段时间以后再执行,而且只会执行一次。

var timer = setTimeout(function(){console.log(num++);},3000);

clearTimeout()
关闭延时调用。

clearTimeout(timer);

延时调用和定时调用:
1、定时调用会执行多次,而延时调用只会执行一次。
2、延时调用和定时调用实际上是可以相互代替的,在开发中可以根据自己需要去选择。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com