1.setTimeout() 定时器
- window.setTimeout(调用函数,延时时间)
- 这里面调用的函数为回调函数,callback
- window在调用时候可忽略
- 延时时间单位为毫秒 2000ms = 2s
- 调用函数可直接写函数或者写函数名
- 页面有很多定时器,经常给定时器取好名字
定时器使用实例
time1=setTimeout(function() {
alert("时间到1");
},2000)
2.停止setTimeout() 定时器
- window.clearTimeout(定时器名称);
time2=setTimeout(function() {
alert("时间到2");
},5000)// 这里定义一个定时器 time2
var btn = document.querySelector("button");
btn.addEventListener('click',function() {
window.clearTimeout(time2);// 停止定时器 time2
})
3.setInterval() 定时器
- window.setInterval(回调函数,[间隔的毫秒数]);
- 表示间隔多少秒就调用这个函数,重复调用
window.setInterval(function() {
console.log("调用一次");
},2000);
4.清除setInterval()定时器
- window.clearInterval(定时器名称);
var begin = document.querySelector(".begin");
var stop = document.querySelector(".stop");
begin.addEventListener("click", function () {
time3 = setInterval(function () {
console.log("已开启定时器,1s一次");
}, 1000);// 定义定时器 time3
});
stop.addEventListener("click", function () {
window.clearInterval(time3);// 清除定时器 time3
});