setInterval()
-定时调用
-可以将一个函数,每隔一段时间执行一次
-参数:
1.回调函数,该函数会每隔一段时间被调用一次
2.每次调用间隔的时间,单位是毫秒
-返回值:
返回一个Number类型的数据,这个数字用来作为定时器的唯一标识
clearInterval()
可以用来关闭一个定时器,方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器.可以接收任意参数,如果参数是一个有效的定时器标识,则停止对应的定时器,如果参数不是一个有效的标识,则什么也不做。
用法:
setInterval(function(){
},1000)
实例:
实现图片自动切换
<html>
<head>
//获取img标签
var img1 = document.getElementById("img1");
//创建一个数组来保存图片的路径
var imgArr = ["img/1.jpg","img/2.jpg"]
//创建一个变量,用来保存当前图片的索引
var index = 0;
//在开启定时器之前,需要将当前元素上的其它定时器关闭
clearInterval(timer);
//开启一个定时器,来自动切换图片
setInterval(function(){
//索引自增
index++;
//判断索引是否超过最大索引
if(index >= imgArr.length){
//则将index设置为0,此时图片循环到最后一张的时候,又重新回到第一张
index = 0;
}
//修改img1的src属性
img1.src = imgArr[index];
})
</head>
<body>
<img id="img1" src="img/1.jpg"/>
</body>
</html>