定时器

1. setInterval()

循环定时器:周而复始的执行(循环执行),比较常用

语法:

setInterval(code, millisec)

JS中的定时器-LMLPHP

setInterval(fun, 5000);
function fun() {
     console.log("每五秒钟执行一次");
}

2. setTimeout()

炸弹定时器:用完以后立刻报废(只执行一次)

语法:

setTimeout(code, millisec)

JS中的定时器-LMLPHP

setTimeout(fun, 5000);
function fun() {
    console.log("只执行一次");
}

3. 清除定时器

clearInterval() 方法可取消由 setInterval() 设置的 timeout。

var time = setInterval(fun, 500);
var num = 0;
function fun() {
    num++;
    if(num == 10) {
        clearInterval(time);
    }
    console.log("每五秒钟执行一次");
}

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

案例:制作一个图片的轮换,没两秒换一张图:

 <img src="图片一路径"/ id="pic">
		<script>
		var arr=["图片一",图片二","图片三","图片四","图片五"];

			var i=1;
			function changePic(){
				document.getElementById("pic").src=arr[i];
				i++;
				if(i==arr.length){
					i=0;
				}
			}
			setInterval(changePic,2000);
		</script>
01-15 18:11