setinterval用法(Javascript中setInterval函數的用法)

在JavaScript中setInterval函數的作用是按照指定的周期時間來調用函數或計算表達,其語法為“setInterval(func,ms)”,返回值是一個ID,可以將這個ID傳遞給“clearInterval”函數來取消執行。

使用示例

你可以通過調用一個已命名的函數,每三秒(3000 毫秒)彈出 "Hello":

var myVar; function myFunction() {    myVar = setInterval(alertFunc, 3000);} function alertFunc() {    alert("Hello!");}

顯示當前時間( setInterval() 方法會每秒執行一次函數,類似手表功能):

var myVar = setInterval(function(){ myTimer() }, 1000); function myTimer() {    var d = new Date();    var t = d.toLocaleTimeString();    document.getElementById("demo").innerHTML = t;}

使用 clearInterval() 來停止 setInterval 的執行:

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()來創建動態進度條:

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中setInterval函數的用法,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注本站行業資訊頻道。