<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
</style>
<script>
window.onload=function(){
var count=document.getElementById("count");
var num=1;
//使count内容自动切换,使用定时调用
//setInterval()将一个函数,每隔一段时间执行一次
//返回值:返回一个number类型的数据
//这个数字用来作为定时器的唯一标识
var timer=setInterval(function(){
count.innerHTML=num++;
if(num==11){
//关闭定时器
clearInterval(timer);
}
}, 100);
//console.log(timer); 定时器标识:1
//clearInterval()用来关闭一个定时器
//需要一个定时器的标识作为参数,关闭标识对应的定时器
//clearInterval(1);
};
</script>
</head>
<body>
<h1 id="count">1</h1>
</body>
</html>
JavaScript笔记48_定时器简介
最新推荐文章于 2021-03-12 14:50:31 发布