JavaScript清除定时器怎么使用

发布时间:2022-08-05 09:41:26 作者:iii
来源:亿速云 阅读:175

这篇文章主要介绍“JavaScript清除定时器怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript清除定时器怎么使用”文章能帮助大家解决问题。

JavaScript清除定时器怎么使用

setTimeout定时器

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

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

JavaScript清除定时器怎么使用

setInterval定时器

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

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

JavaScript清除定时器怎么使用

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);

示例如下:

我们有时候会写多个定时器,在创建定时器并没有用变量保存,这时我们就无法直接清除它了。那么我们就可以写一个清除页面中所有定时器的方法

要清除定时器,你先要了解返回值是什么

JavaScript清除定时器怎么使用

JavaScript清除定时器怎么使用

了解setInterval的返回值是一个代表定时器的数值型,而且这个数值还是按照定时器创建的先后顺序从1开始递增的,知道这个顺序后那么我们清除页面中所有定时器的需求就不难实现了

JavaScript清除定时器怎么使用

直接创建一个定时器然后挨个删除

关于“JavaScript清除定时器怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. JavaScript定时器
  2. javascript中如何设置定时器和清除定时器

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:JS中如何利用字面量创建对象

下一篇:JS数组的常见操作方法实例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》