JavaScript中定时器详解

一、定时器分类

二、setTimeOut延迟定时器

setTimeOut延迟定时器是window下面的一个全局变量

🤸‍♀️格式：setTimeOut（回调函数，时间）（注意：这里的时间是以毫秒为单位！）

案例：这里设计了延时两秒后打印a+b的结果

三、clearTimeout清除延迟定时器

🤸‍♀️格式：clearTimeout（命名的定时器名字）

案例：这里设计了点击按钮清除上面的延迟定时器

四、setInterval多次定时器

🤸‍♀️格式：setInterval（回调函数，时间（多久执行一次））

案例：这里设计了时间过一秒钟就打印一次I Love You!

效果图

五、clearInterval清除多次定时器

🤸‍♀️格式：clearInterval（命名的定时器名字）

案例：这里设计了时间过了五秒就停止打印I Love You!

效果图

六、总结

定时器是异步操作，相当于程序可以同时执行两段代码！！！

🏋️‍♀️本期分享就到此结束啦！虽然内容比较简单但是定时器在后面的学习中有很重要的作用，所以我的小粉丝儿们一定要慢慢消化，争取熟练掌握！！！
加油！又是元（碌）气（碌）满（无）满（为）的一天！！！