5.定时器
2018-06-12 本文已影响0人
若愚同学
html:
<body>
<div id="info">5</div>
<button onclick="timeout()">延时定时器</button>
<button onclick="interval()">周期定时器</button>
</body>
js:
//延时定时器
function timeout(){
//参数1.时间到了之后执行的代码
//参数2.延时时间
window.setTimeout(function(){
console.log("boom----");
},5000);
}
//周期定时器
function interval(){
//参数1:周期执行的代码
//参数2:周期时间
window.setInterval(function(){
var ele = document.getElementById("info");
var num = ele.innerHTML;
console.log(num);
num--;
ele.innerHTML = num;
if(num == 0){
console.log("boom");
window.clearInterval(this);
}
},1000);
}
