定时器作用:每隔一段时间自动执行一段代码
setInterval()
参数1:一个回调函数,用于执行一段指定代码
参数2:number值,表示执行时间间隔,单位是毫秒. 1秒=1000毫秒
返回值:返回个number值,用作停止定时器的标识
clearInterval()
用来停掉一个定时器,参数是一个定时器的标识
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/**/
window.οnlοad=function(){
var num=0;
var body=document.getElementsByTagName("body")[0];
var timer=setInterval(function(){
body.innerHTML+=" "+num++;
if(num>=100)
clearInterval(timer);
},100)
};
</script>
</head>
<body>
</body>
</html>
每隔一段时间往body里添加打印一个数字,直到num==99.
setTimeout()
延时调用
延时调用一个函数不马上执行,而是隔一段时间以后再执行,
而且只会生效一次(用法和setInterval类似)
延时调用和定时调用的区别:
定时调用会执行多次,而延时调用只会执行一次
延时调用和定时调用实际上是可以互相代替的,在开发中可以根据自己的需求去选择