在JavaScript中setInterval函數(shù)的作用是按照指定的周期時間來調(diào)用函數(shù)或計算表達,其語法為“setInterval(func,ms)”,返回值是一個ID,可以將這個ID傳遞給“clearInterval”函數(shù)來取消執(zhí)行。
使用示例
你可以通過調(diào)用一個已命名的函數(shù),每三秒(3000 毫秒)彈出 "Hello":
var myVar; function myFunction() { myVar = setInterval(alertFunc, 3000); } function alertFunc() { alert("Hello!"); }
顯示當前時間( setInterval() 方法會每秒執(zhí)行一次函數(shù),類似手表功能):
var myVar = setInterval(function(){ myTimer() }, 1000); function myTimer() { var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("demo").innerHTML = t; }
使用 clearInterval() 來停止 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()來創(chuàng)建動態(tài)進度條:
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》