千锋教育JavaScript全套视频教程(10天学会Js,前端javascrip

在js里面,有两种定时器,倒计时定时器(延时定时器) 和 间隔定时器
1.间隔定时器
开启间隔定时器
- 每间隔多少时间(毫秒ms)就执行一次函数
- 语法:window.setInterval(要执行的函数,间隔多少时间)
var num = 1;
var t1 = window.setInterval(function () {//每间隔1s,执行一次内部的函数。 t1:自定义的定时器的返回值,值是什么不重要,重要的是必须设置一个变量接收,才能合理的关闭。
console.log(num);
num++;
}, 1000);
关闭间隔定时器
- 关闭以后,定时器就不会在执行了
- 语法:window.clearInterval(要关闭的定时器返回值)
document.onclick = function () {//点击文档,执行事件处理函数
window.clearInterval(t1)
}
2.延时定时器,规定的时间后执行一次
开启倒计时定时器
- 倒计时多少时间以后执行函数
- 语法: setTimeout(要执行的函数,多长时间以后执行)
var t2 = window.setTimeout(function () {
console.log('你好');
location.href = 'http://www.jd.com';//设置的跳转地址。
}, 3000);
关闭倒计时定时器
- 关闭以后,定时器就不会在执行了
- 语法:clearTimeout(要关闭的定时器返回值)
document.onclick = function () {//点击文档,执行事件处理函数
window.clearTimeout(t2)
}