计时事件

呵丶骚年

于 2019-07-06 19:56:16 发布

阅读量232

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44540151/article/details/94890177

本文深入讲解了JavaScript中的定时器概念，包括setInterval和setTimeout两种主要方法。这两种方法允许开发者设定代码执行的时间间隔或延迟，是实现网页交互和定时任务的关键。文章还介绍了如何使用clearInterval和clearTimeout来停止定时器，以及在实际编程中如何有效利用这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过使用 JavaScript，我们可以作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件，而计时事件有两种方法来实现，分别是：
setInterval()方法：间隔指定的毫秒数不停地执行指定的代码。
setTimeout()方法：暂停指定的毫秒数后执行指定的代码。
setInterval()方法与setTimeout()方法都有两个参数，第一个参数是到指定的毫秒数后执行的函数，第二个参数是间隔的毫秒数，是以毫秒数来计的。

setInterval()方法每隔指定的时间循环执行代码

setInterval(function(){
   alert("Hello");//每3秒所执行的代码
},3000);//设置每3秒执行一次

setTimeout()方法指定时间后执行代码，只执行一次，可以说是延迟执行代码

setTimeout(function(){
alert("Hello");//3秒后所执行的代码
},3000);//设置3秒后执行

clearInterval()方法与clearTimeout()方法。
clearInterval()方法用于停止 setInterval()方法执行的函数代码。
clearTimeout()方法用于停止执行setTimeout()方法的函数代码。
想要使用clearInterval()方法或clearTimeout()方法停止计时事件时，需要给计时事件指定变量名。
如：

var Interval = setInterval(function(){
alert("Hello");//每3秒所执行的代码
},3000);//设置每3秒执行一次
clearInterval(Interval);
    var Timeout = setTimeout(function(){
alert("Hello");//每3秒所执行的代码
},3000);//设置每3秒执行一次
clearTimeout(Timeout);