0
点赞
收藏
分享

微信扫一扫

[JavaScript] 定时器

两种定时器

window对象给我们提供了2个非常好用的方法定时器。

setTimeout()
setInterval()

setTimeout()定时器

window.setTimeout (调用函数,[延迟的毫秒数]);   //这个延迟单位是毫秒

setTimeout(方法用于设置一个定时器 ,该定时器在定时器到期后执行调用函数。
这个window在调用时可以省略

setTimeout()定时器里的调用函数有这两种主要写法:

1.setTimeout (function() {
        console.1og( '时间到了');
    }, 2000);
2.function calkback() {
        console.1og('时间到了');
    }
setTimeout(callback, 3000);   //注意这里的调用函数是函数名不用加括号

因为定时器有很多,所以我们经常给定时器赋值一个标识符,比如在上例中我们可以:

var time1 = setTimeout(callback, 3000); 

停止setTimeout()定时器

window. clearTimeout (timeout ID)

clearTimeout ()方法取消了先前通过调用setTimeout ()建立的定时器。

比如我们想要取消上例中的定时器应该怎么做?

clearTimeout (time1);  //括号里要跟定时器的标识符,所以给定时器起一个标识符是很重要的

setInterval()定时器

window.setInterval(回调函数,[间隔的毫秒数]);

setInterval0方法重复调用一个函数,每隔这个时间,就去调用一次回调函数。他与setTimeout()方法的区别就是setTimeout()延时时间到了,就去调用这个回调函数,只调用一次就结束了
调用函数的方法和setTimeout()定时器也相同

停止setInterval() 定时器

window.clearInterval (intervalID) ;

clearInterval ()方法取消了先前通过调用setInterval()建立的定时器。
注意:
1.window可以省略。
2.里面的参数就是定时器的标识符。

定时器案例:

学完这些我们就可以做类似京东秒杀倒记时效果的案例了:
请添加图片描述
相关链接: link.
(https://blog.csdn.net/qq_49900295/article/details/123480094?spm=1001.2014.3001.5501)

举报

相关推荐

0 条评论