setTimeout() 與setInterval()

JavaScript的彈窗

能夠在 JavaScript 中建立三種消息框：警告框、確認框、提示框。

警告窗:

window.alert("sometext");

點擊確認按鈕才能繼續進行操做.

確認框:

確認框一般用於驗證是否接受用戶操做。

當你點擊 "確認", 確認框返回 true， 若是點擊 "取消", 確認框返回 false。

var flat=window.confirm("sometext");

window.confirm() 方法能夠不帶上window對象，直接使用confirm()方法。

提示框

提示框常常用於提示用戶在進入頁面前輸入某個值。

當提示框出現後，用戶須要輸入某個值，而後點擊確認或取消按鈕才能繼續操縱。

若是用戶點擊確認，那麼返回值爲輸入的值。若是用戶點擊取消，那麼返回值爲 null。

window.prompt("sometext","defaultvalue");

var person=prompt("請輸入你的名字","Har");//設置提示框出現後，框內的值爲Har

JavaScript 計時事件

JavaScript 一個設定的時間間隔以後來執行代碼

咱們稱之爲計時事件

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

setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。

setTimeout() - 暫停指定的毫秒數後執行指定的代碼

Note: setInterval() 和 setTimeout() 是 HTML DOM Window對象的兩個方法。

setInterval(function( ){},t) 方法，循環執行

setInterval() 間隔指定的毫秒數不停地執行指定的代碼

setInterval() 第一個參數是函數（function）。

第二個參數間隔的毫秒數

setInterval(function(){alert("Hello")},3000);//每三秒彈出 "hello" ：

顯示當前時間

var myVar=setInterval(function(){myTimer()},1000);

 

function myTimer()

{

var d=new Date();

var t=d.toLocaleTimeString();

document.getElementById("demo").innerHTML=t;

}

clearInterval() 方法用於中止 setInterval() 方法執行的函數代碼。

window.clearInterval(intervalVariable)

window.clearInterval() 方法能夠不使用window前綴，直接使用函數clearInterval()。

要使用 clearInterval() 方法, 在建立計時方法時你必須使用全局變量：

myVar=setInterval("javascript function",milliseconds);

而後你能夠使用clearInterval() 方法來中止執行。

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

<button onclick="myStopFunction()">Stop time</button>

<script>

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);

}

</script>

setTimeout() 方法,只執行一次

window.setTimeout("javascript 函數",毫秒數);

setTimeout() 方法會返回某個值，定義一個全局變量儲存該值。假如你但願取消這個 setTimeout()，你能夠使用這個變量名來指定它。

setTimeout() 的第一個參數是含有 JavaScript 語句的字符串。這個語句可能諸如 "alert('5 seconds!')"，或者對函數的調用，諸如 alertMsg()"。

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

提示：1000 毫秒等於一秒。

等待3秒，而後彈出 "Hello":

setTimeout(function(){alert("Hello")},3000);

如何中止執行?

clearTimeout() 方法用於中止執行setTimeout()方法的函數代碼。

window.clearTimeout(timeoutVariable)

window.clearTimeout() 方法能夠不使用window 前綴。

要使用clearTimeout() 方法, 你必須在建立超時方法中（setTimeout）使用全局變量:

myVar=setTimeout("javascript function",milliseconds);

若是函數還未被執行，你能夠使用 clearTimeout() 方法來中止執行函數代碼。

var myVar;

function myFunction()

{

myVar=setTimeout(function(){alert("Hello")},3000);

}

function myStopFunction()

{

clearTimeout(myVar);//須要在彈出Hello以前按中止