082_Timing事件
生活随笔
收集整理的這篇文章主要介紹了
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><!-- 這里不要加var, 挺奇怪 --><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事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 077_访问者的信息
- 下一篇： 083_JavaScript Cooki