JavaScript計時器用法分析【setTimeout和clearTimeout】
更新時間：2017年01月18日 11:18:45 作者：books1958
這篇文章主要介紹了JavaScript計時器用法,結合實例形式分析了setTimeout和clearTimeout函數的具體使用技巧,需要的朋友可以參考下
本文實例分析了JavaScript計時器用法。分享給大家供大家參考，具體如下：
JavaScript中使用setTimeout和clearTimeout函數進行計時/停止計時的操作。
1.指定時間后執(zhí)行一個動作，如3s后彈出一個對話框：
setTimeout('alert("3s")',5000);
并且，該函數可以疊加起來是用，如：
function delay_times(){
setTimeout('document.getElementById("time_text").innerHTML = "2s"',2000);
setTimeout('document.getElementById("time_text").innerHTML = "4s"',4000);
setTimeout('document.getElementById("time_text").innerHTML = "6s"',6000);
}
2.實現(xiàn)開始計數與停止計數的例子：
var count = 0;
var myTimer;
//開始計數
function start_counter(){
document.getElementById("time_count").innerHTML = count;
count++;
myTimer = setTimeout("start_counter()",1000);
}
//停止計數
function stop_counter(){
clearTimeout(myTimer);
}
PS：這里再為大家推薦幾款時間及計時器相關工具供大家參考使用：
在線秒表工具：
http://tools.jb51.net/bianmin/miaobiao
Unix時間戳(timestamp)轉換工具：
http://tools.jb51.net/code/unixtime
在線世界各地時間查詢：
http://tools.jb51.net/zhuanhuanqi/worldtime
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結》《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
實例演示對javascript的節(jié)點的各種操作。包括hasChildNodes()，removeChild()，appendChild()，replaceChild()，insertBefore()，cloneNode()等2012-06-06
在本章中，我們將分析Prototypejs中關于JavaScript繼承的實現(xiàn),需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)秒表計時器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
改變CSS樣式分為局部和全局，下面為大家介紹下使用Javascript具體的實現(xiàn)，感興趣的朋友可以參考下2013-12-12
當然隨著HTML5的普及，web DB 已經是大勢所趨了2010-05-05
這篇文章主要介紹了JavaScript enum枚舉類型定義及使用方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
同源策略（Same origin policy）是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽器的正常功能可能都會受到影響。可以說Web是構建在同源策略基礎之上的，瀏覽器只是針對同源策略的一種實現(xiàn)2015-11-11
這篇文章主要為大家詳細介紹了JS實現(xiàn)玩轉風車，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
我想用JS實現(xiàn)對文本的加密和解密,想用維吉尼亞密碼算法,誰有現(xiàn)成代碼啊2010-11-11
下面小編就為大家?guī)硪黄趆tml中引入外部js文件,并調用帶參函數的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10