當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

082_Timing事件

發布時間：2025/4/17 编程问答 51 豆豆

生活随笔收集整理的這篇文章主要介紹了 082_Timing事件小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. window對象允許以指定的時間間隔執行代碼。這些時間間隔稱為定時事件。

2. setTimeout()和clearTimeout()方法

2.1. setTimeout()方法在等待指定的毫秒數后執行函數。

2.2. 語法

setTimeout(function, milliseconds)

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

第二個參數指示執行之前的毫秒數。

2.3. clearTimeout()方法停止執行setTimeout()中規定的函數。

2.4. clearTimeout()使用從setTimeout()返回的變量:

myVar = setTimeout(function, milliseconds); clearTimeout(myVar);

3. setInterval()和clearInterval()方法

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

3.2. 語法

setInterval(function, milliseconds)

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

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

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

3.4. clearInterval()方法使用從setInterval()返回的變量:

myVar = setInterval(function, milliseconds); clearInterval(myVar);

4. 例子

4.1. 代碼

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>定時事件</title></head><body><button onclick="sayHelloTimeout = setTimeout(sayHello, 3000)">3秒后, 對大家說hello</button><button onclick="clearTimeout(sayHelloTimeout)">停止3秒后對大家說hello</button><button onclick="sayHelloInterval = setInterval(countTime, 1000)">開始計時</button><button onclick="clearInterval(sayHelloInterval)">停止計時</button><br /><br /><div id="helloDiv">對大家說:</div><div id="myDiv">0</div><script type="text/javascript">var helloDiv = document.getElementById('helloDiv');var myDiv = document.getElementById('myDiv');function sayHello() {helloDiv.innerHTML += 'hello erverybody';}function countTime() {myDiv.innerHTML = ++myDiv.innerHTML;}</script></body> </html>

4.2. 效果圖

總結

以上是生活随笔為你收集整理的082_Timing事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。