JS中經常使用計時器的用法

JS經常使用的定時器方法

• setTimeout():在指定的毫秒數後調用函數或者計算表達式
• setInterval():按照指定的週期（以毫秒計）來調用函數或計算表達式。方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。
• clearTimeout()：清除setTimeout()的定時器對象
• clearInterval()：清除setInterval()的定時器對象

注：這裏的定時時間單位都爲毫秒

其實就只有前兩個是，後兩個都是扯淡，哈哈......

setTimeout()

語法

setTimeout(code,millisec,lang)

• code：必需，要調用的函數後要執行的 JavaScript 代碼串。
• millisec：必需，在執行代碼前需等待的毫秒數。
• lang：可選，腳本語言能夠是：JScript | VBScript | JavaScript

示例：

<p>點擊按鈕，在等待 3 秒後彈出 "Hello"。</p>
<button onclick="myFunction()">點我</button>

<script>
function myFunction() {
  setTimeout(function() {
    alert("Hello");
  }, 3000);
}
</script>
複製代碼

如上代碼，當你點擊了 「點我」 這個按鈕，那麼會在3秒後在窗口彈出 "Hello"

setInterval()

語法

setInterval(code,millisec,lang)

• code：必需，要調用的函數或要執行的代碼串。
• millisec：必需，週期性執行或調用 code 之間的時間間隔，以毫秒計。
• lang：可選，JScript | VBScript | JavaScript

示例：

<input type="text" id="clock" />
<script type="text/javascript">
var int = self.setInterval("clock()", 1000);
function clock() {
  var d = new Date();
  var t = d.toLocaleTimeString();
  document.getElementById("clock").value = t;
}
</script>

<button onclick="int=window.clearInterval(int)">中止</button>
複製代碼

以上代碼，就是每過1秒執行一次clock()函數，無限執行，只有當點中止的時候纔會中止

clearTimeout() 與 clearInterval()

這兩個方法用法同樣，就是清除定時器對象，如上面示例中的 "中止" 按鈕，從名字就能夠知道清除的定時器與上面是對應的

這兩個方法的參數都是隻有一個參數，即你要清除的定時器對象

over over over..........

---

^_<