1.setInterval开启定时器
* setInterval()
* - 定时调用
* - 可以将一个函数,每隔一段时间执行一次
* - 参数:
* 1.回调函数,该函数会每隔一段时间被调用一次
* 2.每次调用间隔的时间,单位是毫秒
*
* - 返回值:
* 返回一个Number类型的数据
* 这个数字用来作为定时器的唯一标识
setInterval(function() {
h.innerHTML = count++;
}, 1000);
2.关闭定时器
clearInterval()可以用来关闭一个定时器
方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
* clearInterval()可以接收任意参数,
* 如果参数是一个有效的定时器的标识,则停止对应的定时器
* 如果参数不是一个有效的标识,则什么也不做
开启定时
var timer = setInterval(function(){
},30)
关闭定时器
clearInterval(timer);
3.小练习:自动切换图片
var img1 = document.getElementById("img1");
var imgArr = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg"];
var index = 0;
var timer;
var btn01 = document.getElementById("btn01");
btn01.onclick = function() {
clearInterval(timer);
timer = setInterval(function() {
index++;
index %= imgArr.length;
img1.src = imgArr[index];
}, 1000);
};
var btn02 = document.getElementById("btn02");
btn02.onclick = function() {
clearInterval(timer);
};