<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){
// 获取count
var count=document.getElementById("count");
// 使count中的内容，自动切换
/*
JS的程序的执行速度是非常非常快的
如果希望一段程序，可以每间隔一段时间执行一次，可以使用定时调用
*/
/* for(var i=0; i<10000; i++){
count.innerHTML = i;
alert("hello");
} */
/*
setInterval()
-定时调用
-可以将一个函数，每隔一段时间执行一次。
-参数：
1.回调函数，该函数会每隔一段时间被调用一次
2.每次调用间隔的事件，单位是毫秒
-返回值：
返回一个Number类型的数据
这个数字用来作为定时器的唯一标识
*/
var num=1;
var timer=setInterval(function(){
count.innerHTML=num++;
if(num==11){
// 关闭定时器
clearInterval(timer);//到10就停止定时
}
},1000);
// console.log(timer);
// clearInterval()可以用来关闭一个定时器
// 方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器
// clearInterval(timer);
};
</script>
</head>
<body>
<h1 id="count"></h1>
</body>
</html>
从num=1开始计时
到num=10停止计时，条件if（num==11）{关闭计时器}
