JavaScript零基础入门——（十二）JavaScript的定时器

2019独角兽企业重金招聘Python工程师标准>>>

JavaScript零基础入门——（十二）JavaScript的定时器

大家好，欢迎回到我们的JavaScript零基础入门。上一节课我们讲了JavaScript中一些常用的DOM操作，这里要补充一个点，上节课讲的table几个常用属性其实是有兼容性问题的，在部分IE浏览器中是不识别的，但不一定会抛出异常，所以如果要兼容IE9及以下IE时，还是乖乖用getElementsByTagName或者querySelectorAll。好，回到我们今天的课，今天带大家了解一下定时器。

所谓定时器，就是在指定时间间隔去执行指定的操作，这种需求在JS动画里是经常存在的。

一般来说，定时器有两种，一种是延迟指定时间间隔后执行，一种是相同时间间隔循环执行。

 不管是哪种定时器，肯定都有开启和关闭两个动作，就像闹钟一样。

先来说说延迟执行定时器，其实就是我们常说的setTimeout，顾名思义，就是在时间结束后执行。setTimeout接收两个参数，第一个是匿名函数，主要是写定时后要执行的方法，第二个是时间间隔，以毫秒为单位，同时，setTimeout是有返回值的，他返回一个定时器，主要是方便后边我们调用clearTimeout来关闭定时器，clearTimeout就是接收定时器作为参数的。

其实循环定时器也是类似的，循环定时器，就是我们常说的setInterval，他同样也接收两个参数，同样也返回定时器，也类似的可以通过clearInterval来关闭定时器。

这节课呢，应用会比理论要多一些，我会通过电子表和延时显示框来给大家讲解这两个定时器的用法，由于不方便直接贴代码，还请大家移步至下方公众号看教学视频吧。

好了，这节课就讲到这里，大家要暂停视频自己瞧一瞧哦。下一节课，我们紧跟这一节课的步伐，讲一讲JavaScript的事件。

                                                                                                       

如果想跟着振丹继续学习，可以微信关注【振丹敲代码】（微信号：JandenCoding）

新博文微信同步推送，还附有讲解视频哦~

也可直接扫描下方二维码关注。

转载于:https://my.oschina.net/JandenMa/blog/1836043