开发工具与关键技术：DW HTML JS
作者：尘则
撰写时间：2021/10/18
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript定时器</title>
</head>
<body>
<h1 id="count"></h1>
<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);
}
},100);
//console.log(timer);
//clearInterval()可以用来关闭一个定时器
//方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器
//clearInterval(timer);
};
</script>
</body>
</html>
最后出现的效果是这样的：
这些是我所知到的JavaScript定时器，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，萌新出道，请多指教。
如果有更好的方法欢迎在评论区教导和提问喔！
160
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
