在JavaScript中setInterval函數(shù)的作用是按照指定的周期時(shí)間來(lái)調(diào)用函數(shù)或計(jì)算表達(dá),其語(yǔ)法為“setInterval(func,ms)”,返回值是一個(gè)ID,可以將這個(gè)ID傳遞給“clearInterval”函數(shù)來(lái)取消執(zhí)行。
使用示例
你可以通過(guò)調(diào)用一個(gè)已命名的函數(shù),每三秒(3000 毫秒)彈出 "Hello":
var myVar; function myFunction() { myVar = setInterval(alertFunc, 3000); } function alertFunc() { alert("Hello!"); }
顯示當(dāng)前時(shí)間( setInterval() 方法會(huì)每秒執(zhí)行一次函數(shù),類似手表功能):
var myVar = setInterval(function(){ myTimer() }, 1000); function myTimer() { var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("demo").innerHTML = t; }
使用 clearInterval() 來(lái)停止 setInterval 的執(zhí)行:
var myVar = setInterval(function(){ myTimer() }, 1000); function myTimer() { var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("demo").innerHTML = t; } function myStopFunction() { clearInterval(myVar); }
使用 setInterval() 和 clearInterval()來(lái)創(chuàng)建動(dòng)態(tài)進(jìn)度條:
function move() { var elem = document.getElementById("myBar"); var width = 0; var id = setInterval(frame, 10); function frame() { if (width == 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; } } }
推薦教程:《JavaScript》