JavaScript定时任务&计时事件

最新推荐文章于 2025-06-22 03:07:18 发布

原创最新推荐文章于 2025-06-22 03:07:18 发布 · 5.5k 阅读

3 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

6 篇文章

订阅专栏

本文深入讲解JavaScript中的定时任务，包括setInterval与setTimeout方法的使用，以及如何通过clearInterval和clearTimeout停止定时任务。探讨了定时任务在实际开发中的应用，并提供了代码示例。

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

JavaScript定时任务&计时事件

通过JavaScript，我们可以设定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为定时任务或计时事件
关键方法有2个，他们都是window对象的方法
- setInterval() 间隔指定的毫秒数不停地执行指定的代码
- setTimeout() 在指定的毫秒数后执行指定代码

setInterval() 方法

作用：间隔指定的毫秒数不停地执行指定的代码
语法：

window.setInterval(“javascript function”, millisecends);
第一个参数为函数
第二个参数为间隔时间，单位为毫秒
第一个参数可以直接写匿名函数

function hitMe () {
    setInterval(function(){console.log(new Date().toLocaleString())}, 1000);
}

也可以是调用外面定义的函数，以”函数名()”的方式调用

function hitMe2 () {
    setInterval("job('张三')", 1000);
}

function job(name) {
    console.log(name + "  起床了。。。");
}

停止setInterval定时任务的方法 clearInterval()

要使用clearInterval方法来停止setInterval方法，那么在定义setInterval方式时，就得把他定义为全局变量
在停止时，传变量名就OK了

var myInterval = window.setInterval("showTime()", 1000);
function showTime(){
    document.getElementById("showTime2").innerHTML = new Date().toLocaleString();
}

function stopMyInterval(){
    clearInterval(myInterval);
}

setTimeOut()方法

作用：在指定的毫秒数后执行指定代码
参数、用法都与setInterval一致
停止 clearTimeOut();