一、简介。
在很多时候,我们设计网页时,为了某种表现形式,会使用到定时器这一功能,如:为了保证用户有仔细阅读我们的用户条款,我们会给确认按钮设置只有条款被打开,并超过5秒才允许点击。
二、普通定时器
JS的程序的执行速度是非常非常快的,如果希望一段程序,可以每间隔一段时间执行一次,可以使用定时调用。
setInterval()
- 定时调用
- 可以将一个函数,每隔一段时间执行一次
- 参数:
1.回调函数,该函数会每隔一段时间被调用一次
2.每次调用间隔的时间,单位是毫秒
然后使用浏览器打开就会呈现出这样的效果:
每隔1秒,就重新执行一次代码,并改变数字。
当然,也有方法可以在代码执行一定次数后,将代码暂停。
clearInterval()
可以用来关闭一个定时器
方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
如:
在很多网页设计中,这个方法都很实用,用于广告的无限循环、视频的循环播放、滚动条的无限滚动等,都是每隔一段时间就重新执行一次代码,通过样式的相似性,让他人无法发现代码已经重复运行了。
三、延时定时器
延时定时器的本质是延时调用。
延时调用一个函数不马上执行,而是隔一段时间以后在执行。
延时调用和定时调用的区别,定时调用会执行多次,而延时调用只会执行一次。
开头我们说过的用户条款,使用的就是延时定时器,而我们浏览一些网页时,碰到某块区域,不断的有图案亮起,最终整个图案都显示出来的效果,就是灵活运用了延时定时器,延时调用和定时调用实际上是可以互相代替的,在开发中可以根据自己需要去选择。
定时器到这里就讲完了,希望能对你有所帮助!