<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 id="count"></h1>
</body>
<script type="text/javascript">
var count=document.getElementById("count");
//让h1中自动变化
// for (i=0;i<=10;i++) {
// count.innerHTML=i;
// }
/*1.setInterval() 定时调用
-可以将一个函数每隔一段时间执行一次
-参数：
1.回调函数
2.每次调用间隔的时间，毫秒
-返回值：
返回一个Number类型的数据，这个数字用来区分定时器的，就像是1号定时器，2号定时器
* */
/*2.clearInterval() 关闭定时器
* -()里就是关闭的定时器
*/
var num=0;
var timer=setInterval(function(){
count.innerHTML=num++;
if(num==8){
clearInterval(timer); //8的时候关闭，不显示8
}
},1000); //每隔1秒执行一次这个函数
/*1.setTimeout() 延时调用 同定时调用语法相同
* -函数的执行，再延时一段时间后执行
* -延时调用只会执行一次
*
*2.clearTimeout()
*/
</script>
</html>