两种定时器
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)