## setInterval的应用
每隔一段时间重复执行代码，直到窗口、框架被关闭或执行
setInterval():
格式:[对象名=] setInterval("<表达式>",毫秒);
例如: timmer = setInterval(function(){},1000);//代表每1000毫秒就执行一次匿名函数，返回对象名为timmer;
然后可以用个函数清除，终止setInterval的使用
clearInterval(对应的对象名):
例如: clearInterval(timmer);
实例如下: 设置一个div，点击移动就开始移动，点击停止就停止
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style>
div{
width:100px;
height:100px;
background:blue;
position:absolute;
left:0px;
}
</style>
</head>
<body>
<div></div>
<button onclick="stop()">停止</button>
<button onclick="start()">开始</button>
</body>
<script>
function start(){
time =setInterval(
function(){
num+=50;
div.style.left=num+'px';
},4000);
}
function stop(){
//alert('ting');
clearInterval(time);
//clearInterval(time1);
}
//找对象，改属性
var div=document.getElementsByTagName('div')[0];
console.log(div);
var num=0;
var time=setInterval(
function(){
num+=10;
div.style.left=num+'px';
},1000);
console.log(time);
console.log(time1);
</script>
</html>
浙公网安备 33010602011771号