标签：interval col charset padding 按钮 onclick class cti parse
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
}
body{
text-align: center;
}
#btn1,#btn2{
margin-top: 100px;
}
</style>
</head>
<body>
<button id="btn1">执行多次</button>
<button id="btn2">执行一次</button>
<script>
var btn1=document.getElementById("btn1");
var btn2=document.getElementById("btn2");
var timers=null;
var timer=null;
//监听按钮点击事件
btn1.onclick=function(){
//清除定时器
clearInterval(timers);
//开启定时器
timers=setInterval(function(){
var num=parseInt(Math.random()*3);
console.log(num);
},3000);
}
btn2.onclick=function(){
//清除定时器
clearTimeout(timer);
timer=setTimeout(function(){
alert("我是一次定时器");
},2000);
}
</script>
</body>
</html>
标签：interval col charset padding 按钮 onclick class cti parse
原文地址：https://www.cnblogs.com/zhang-jiao/p/9693472.html
