<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
//获取count
var count = document.getElementById("count");
//使count中的内容，自动切换
/*
* JS的程序的执行速度非常非常的快
* 如果希望一段程序，可以每间隔一段时间执行一次，可以使用定时调用
// */
// for (var i = 0;i<10;i++) {
//
// count.innerHTML = i;
//
// alert(“hhh”);
//
// };
/*
* setInterval()
* - 定时调用
* - 可以将一个函数每隔一段时间执行一次
* - 参数
* 1.回调函数，该函数会每隔一段时被调用一次
* 2.每次调用间隔的时间单位是毫秒
*
* - 返回值
* 返回一个Number类型的数据
* 这个数字用来作为定时器的唯一标识
*/
var num = 1;
var timer = setInterval(function(){
count.innerHTML = num++;
if(num == 11){
//关闭定时器
clearInterval(timer);
};
},1000);
// console.log(timer);
//clearInterval()可以用来关闭一个定时器
//方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器
};
</script>
</head>
<body>
<h1 id = "count">1</h1>
</body>
</html>
网页中的输出效果
版权声明：本文为plannothing原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。