javascript計時器事件使用詳解_基礎知識

在 JavaScritp 使用計時事件是很容易的，兩個關鍵方法是:

setTimeout()
未來的某時執行程式碼

clearTimeout()
取消setTimeout()
setTimeout()
語法

複製程式碼 程式碼如下:

var t=setout("script=setTime" ,毫秒)

setTimeout() 方法會傳回某個值。在上面的語句中，數值被儲存在名為 t 的變數中。假如你希望取消這個 setTimeout()，你可以使用這個變數名稱來指定它。
setTimeout() 的第一個參數是含有 JavaScript 語句的字串。這個語句可能諸如 "alert('5 seconds!')"，或是對函數的調用，諸如 alertMsg()"。

第二個參數指示從目前起多少毫秒後執行第一個參數。

提示：1000 毫秒等於一秒。

當下面這個範例中的按鈕被點擊時，一個提示框會在5秒中後彈出。

複製代碼 代碼如下:

實例 - 無窮循環

要建立一個運行於無窮循環中的計時器，我們需要編寫一個函數來呼叫其自身。在下面的範例中，當按鈕被點擊後，輸入域便從 0 開始計數。

複製程式碼 程式碼如下:

clearTimeout()

語法

複製程式碼 程式碼如下:

clearout(setTimeout_variableout(setTime 🎜>

實例

下面的例子和上面的無窮循環的例子相似。唯一的不同是，現在我們新增了一個 "Stop Count!" 按鈕來停止這個計數器：

複製程式碼 程式碼如下:

另外兩個重要的方法:

複製程式碼 代碼如下

setInterval()
setInterval() - executes a function, over and over again, at specified time intervals

作用是:循環執行一個方法,在規定的間隔時間內
語法:

複製程式碼 程式碼如下:

window.setInterval("javascript function",milliseconds);

說明:第一個參數必須是一個函數,第二個參數是執行函數的間隔時間.

實例:

複製程式碼 程式碼如下:

setInterval(function() {alert("hello")},500);

說明:上面例子,執行效果是說每隔500ms就alert("hello");

再來一個時鐘:

複製程式碼

程式碼如下:

    

如何停止,setInterval()方法??複製代碼

代碼如下:

window.clearInterval()

語法:複製程式碼

程式碼>
window.clearInterval(intervalVariable)

複製代碼 代碼如下:

The window.clearInterval() method can be written without the window prefix.

To be able to use the clearInterval() method, you must use a global variable when creating the interval method:

myVar=setInterval("javascript function",milliseconds);
Then you will be able to stop the execution by calling the clearInterval() method.

實例:

複製程式碼

程式碼如下:

停止

var temp=setInterval(function(){ myTimer()},1000);
        函數myTimer(){ var t=d.toLocaleTimeString();
                document.getElementById('demo').innerHTML=t;
       clearInterval(temp);
}




}