JavaScript定时器与清除定时器

最新推荐文章于 2024-10-25 11:20:25 发布

雀巢脆脆鲨-

最新推荐文章于 2024-10-25 11:20:25 发布

阅读量3.7k

点赞数 1

文章标签：大数据 javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_69761220/article/details/125645696

版权

本文介绍了JavaScript中的setTimeout和setInterval定时器的使用方法，包括它们的参数、默认值及如何给定时器添加标识符。同时，讲解了clearTimeout和clearInterval如何清除对应的定时器，强调了为清除定时器需赋予标识符的重要性。

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

setTimeout定时器

window.setTimeout(调用函数,延时时间);

1.这个window在调用的时候可以省略

2.这个延时时间单位是毫秒但是可以省略，如果省略默认的是0

3.这个调用函数可以直接写函数还可以写函数名

4.页面中可能有很多的定时器，我们经常给定时器加标识符

         setTimeout(function(){
            console.log('你好');
         },2000);//2秒后才在控制台输出  你好

setInterval定时器

window.setInterval(调用函数,延时时间);

1. window可以省略

2.这个调用函数可以直接写函数，或者写函数名或者采取字符串'函数名0’三种形式。

3.间隔的毫秒数省略默认是О，如果写，必须是毫秒，表示每隔多少毫秒就自动调用这个函数。

4.因为定时器可能有很多，所以我们经常给定时器赋值一个标识符。

        setInterval(function(){
            console.log('你好');
        },2000)//每隔2秒在控制台输出一次你好，不清除定时器会一直运行

clearTimeout清除定时器

从单词就可以看出clearTimeout是用来清除第一种定时器的；

需要给需要清除的定时器起个名字；

语法：clearTimeout(定时器的名字)

        var timer = setTimeout(function() {
            console.log('你好!');
        },5000);
        clearTimeout(timer);//上面一个定时器就不会在执行程序

clearInterval清除定时器

跟上面一个定时器一样，用来清除setInterval定时器的，

也需要给定时器起一个名字，

语法：clearInterval(定时器的名字)

        var times = setInterval(function(){
            console.log('你好!');
        },1000);
        setTimeout(function(){
            clearInterval(times); //5秒后清除定时器
        },5000);