JavaScript零基础入门——(十二)JavaScript的定时器
大家好,欢迎回到我们的JavaScript零基础入门。上一节课我们讲了JavaScript中一些常用的DOM操作,这里要补充一个点,上节课讲的table几个常用属性其实是有兼容性问题的,在部分IE浏览器中是不识别的,但不一定会抛出异常,所以如果要兼容IE9及以下IE时,还是乖乖用getElementsByTagName或者querySelectorAll。好,回到我们今天的课,今天带大家了解一下定时器。
所谓定时器,就是在指定时间间隔去执行指定的操作,这种需求在JS动画里是经常存在的。
一般来说,定时器有两种,一种是延迟指定时间间隔后执行,一种是相同时间间隔循环执行。
不管是哪种定时器,肯定都有开启和关闭两个动作,就像闹钟一样。
先来说说延迟执行定时器,其实就是我们常说的setTimeout,顾名思义,就是在时间结束后执行。setTimeout接收两个参数,第一个是匿名函数,主要是写定时后要执行的方法,第二个是时间间隔,以毫秒为单位,同时,setTimeout是有返回值的,他返回一个定时器,主要是方便后边我们调用clearTimeout来关闭定时器,clearTimeout就是接收定时器作为参数的。
其实循环定时器也是类似的,循环定时器,就是我们常说的setInterval,他同样也接收两个参数,同样也返回定时器,也类似的可以通过clearInterval来关闭定时器。
这节课呢,应用会比理论要多一些,我会通过电子表和延时显示框来给大家讲解这两个定时器的用法,由于不方便直接贴代码,还请大家移步至下方公众号看教学视频吧。
好了,这节课就讲到这里,大家要暂停视频自己瞧一瞧哦。下一节课,我们紧跟这一节课的步伐,讲一讲JavaScript的事件。
如果想跟着振丹继续学习,可以微信关注【振丹敲代码】(微信号:JandenCoding)
新博文微信同步推送,还附有讲解视频哦~
也可直接扫描下方二维码关注。