JavaScript定时器与清除定时器

JavaScript定时器与清除定时器定时器 清除定时器

setTimeout定时器

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

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

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

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

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

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

JavaScript定时器与清除定时器

 setInterval定时器

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

        1. window可以省略

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

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

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

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233439.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号