JavaScript中setInterval()方法怎么用

小編給大家分享一下JavaScript中setInterval()方法怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

JavaScript setInterval() 方法操作實踐

setInterval() 方法在每個給定的時間間隔重復給定的函數。

window.setInterval(function, milliseconds);

window.setInterval() 方法可以不帶 window 前綴來寫。

第一個參數是要執行的函數。

第二個參數每個執行之間的時間間隔的長度。

本例每秒執行一次函數 "myTimer"（就像數字手表）。

實例

顯示當前時間：

var myVar = setInterval(myTimer, 1000);

function myTimer() {

    var d = new Date();

    document.getElementById("demo").innerHTML = d.toLocaleTimeString();

}

一秒有 1000 毫秒。

如何停止執行？

clearInterval() 方法停止 setInterval() 方法中指定的函數的執行。

window.clearInterval(timerVariable)

window.clearInterval() 方法可以不帶 window 前綴來寫。

clearInterval() 方法使用從 setInterval() 返回的變量：

myVar = setInterval(function, milliseconds);

clearInterval(myVar);

實例

類似上例，但是我們添加了一個“停止時間”按鈕：

<p id="demo"></p>

<button onclick="clearInterval(myVar)">停止時間</button>

<script>

var myVar = setInterval(myTimer, 1000);

 function myTimer() {

    var d = new Date();

    document.getElementById("demo").innerHTML = d.toLocaleTimeString();

}

</script>

以上是“JavaScript中setInterval()方法怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！