js定时器效果

木鱼゜

于 2021-12-17 17:38:54 发布

阅读量573

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言 js

本文链接：https://blog.youkuaiyun.com/emool/article/details/121983207

本文详细介绍了JavaScript中的两种定时器：循环/间歇定时器(setInterval)和延时定时器(setTimeout)。通过具体示例展示了如何使用这两种定时器来执行重复任务或延迟任务，并解释了如何清除这些定时器。

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

循环/间歇定时器 setInterval(function(){},循环时间)

每隔一定的时间调用一次函数或者执行事件

setInterval(function() {
            console.log('一');
        }, 1000)
//每隔一秒打印一次"一"，无限循环

延时定时器 setTimeout(function(){},循环时间)

隔一定的时间调用一次函数或者执行事件

setTimeout(function() {
            console.log('一');
        }, 1000)
//一秒后打印一次“一”，且只打印一次

定时器的清除

循环定时器clearInterval(循环定时器的名字)

var timer1 = setInterval(function() {
            console.log('一');
        }, 1000)
        clearInterval(timer1); //清除了timer1的循环定时器，不再执行

延时定时器clearTimeout(循环定时器的名字)

 var timer2 = setTimeout(function() {
            console.log('一');
        }, 1000)
        clearTimeout(timer2); //清除了timer2的延时定时器，不再执行