JavaScript計時器用法分析【setTimeout和clearTimeout】，settimeout計時器

JavaScript計時器用法分析【setTimeout和clearTimeout】，settimeout計時器

本文執行個體分析了JavaScript計時器用法。分享給大家供大家參考，具體如下：

JavaScript中使用setTimeout和clearTimeout函數進行計時/停止計時的操作。

1.指定時間後執行一個動作，如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.實現開始計數與停止計數的例子：

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