JavaScript計時器用法分析【setTimeout和clearTimeout】
本文實(shí)例分析了JavaScript計時器用法。分享給大家供大家參考,具體如下:
JavaScript中使用setTimeout和clearTimeout函數(shù)進(jìn)行計時/停止計時的操作。
1.指定時間后執(zhí)行一個動作,如3s后彈出一個對話框:
setTimeout('alert("3s")',5000);
并且,該函數(shù)可以疊加起來是用,如:
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.實(shí)現(xiàn)開始計數(shù)與停止計數(shù)的例子:
var count = 0;
var myTimer;
//開始計數(shù)
function start_counter(){
document.getElementById("time_count").innerHTML = count;
count++;
myTimer = setTimeout("start_counter()",1000);
}
//停止計數(shù)
function stop_counter(){
clearTimeout(myTimer);
}
PS:這里再為大家推薦幾款時間及計時器相關(guān)工具供大家參考使用:
在線秒表工具:
http://tools.jb51.net/bianmin/miaobiao
Unix時間戳(timestamp)轉(zhuǎn)換工具:
http://tools.jb51.net/code/unixtime
在線世界各地時間查詢:
http://tools.jb51.net/zhuanhuanqi/worldtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript時間與日期操作技巧總結(jié)》《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Javascript的各種節(jié)點(diǎn)操作實(shí)例演示代碼
實(shí)例演示對javascript的節(jié)點(diǎn)的各種操作。包括hasChildNodes(),removeChild(),appendChild(),replaceChild(),insertBefore(),cloneNode()等2012-06-06
JS實(shí)現(xiàn)玩轉(zhuǎn)風(fēng)車
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)玩轉(zhuǎn)風(fēng)車,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-02-02
在html中引入外部js文件,并調(diào)用帶參函數(shù)的方法
下面小編就為大家?guī)硪黄趆tml中引入外部js文件,并調(diào)用帶參函數(shù)的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10

