html:
<body>
<div id="info">5</div>
<button onclick="timeout()">延時定時器</button>
<button onclick="interval()">周期定時器</button>
</body>
js:
//延時定時器
function timeout(){
//參數(shù)1.時間到了之后執(zhí)行的代碼
//參數(shù)2.延時時間
window.setTimeout(function(){
console.log("boom----");
},5000);
}
//周期定時器
function interval(){
//參數(shù)1:周期執(zhí)行的代碼
//參數(shù)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);
}
