2018.2.11 JS的定时器制作

JavaScript定时器详解

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 90 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qichunlin/p/8443447.html

文章标签：

#javascript #ViewUI

本文深入解析JavaScript中的定时器，包括setInterval与setTimeout的区别，并探讨了它们在异步执行中的作用。

定时器

1.定时器定义

var time = window.setInterval("执行名词"，间隔时间)

关闭定时器  clearInterval（定时器名称）

倒计时定时器  setTimeout("函数",时间)只执行一次

2.深层次的看待定时器区别

    setInterval是排队执行的，假如间隔时间是1秒，二执行的程序的时间是2秒，上次还没执行玩的代码回排队，上一次执行完下一次的就立即执行，这样实际执行的间隔时间为2秒


    setTimeout延迟时间为1秒执行，要执行的代码需要2秒来执行，那这段代码上一次与下一次的执行时间为3秒。

    在使用定时器之前先搞清楚之前的定时器。

3.异步执行函数

    JavaScript是单线程执行的，当某段代码正在执行的时候，所有后续的任务必须等待，形成一个队列，一旦当前任务执行完毕，再从队列中取出下一个任务，被称为“阻塞式执行”。如果代码中设定了一个setTimeout，那么浏览器会在合适的时间将代码插入到任务队列，如果这个时间设为0就代表立即插入队列等待执行。属于异步执行函数。

转载于:https://www.cnblogs.com/qichunlin/p/8443447.html