JavaScript計時器用法分析【setTimeout和clearTimeout】
本文實例分析了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.實現(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)文章
js用于樹型結(jié)構(gòu)級聯(lián)選擇...2007-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日歷效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
基于Bootstrap實現(xiàn)城市三級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了基于BootStrap實現(xiàn)城市三級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript來實現(xiàn)打開鏈接頁面的簡單實例
下面小編就為大家?guī)硪黄狫avaScript來實現(xiàn)打開鏈接頁面的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JS控制文本框textarea輸入字?jǐn)?shù)限制的方法
JS控制文本框textarea輸入字?jǐn)?shù)限制的方法，需要的朋友可以參考一下2013-06-06
認(rèn)識Knockout及如何使用Knockout綁定上下文
Knockout簡稱ko，是一個輕量級的javascript類庫，采用MVVM設(shè)計模式（即Model、view、viewModel），簡單優(yōu)雅的實現(xiàn)了雙向綁定，實時更新，幫助您使用干凈的數(shù)據(jù)模型來創(chuàng)建豐富的、響應(yīng)式的用戶界面2015-12-12
這篇文章主要為大家詳細(xì)介紹了js+css實現(xiàn)三級導(dǎo)航菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
alert彈出框出現(xiàn)亂碼的情況，想必大家都有遇到過吧，其實解決方法很簡單設(shè)置charset=utf-8在試試，看看是不是好了2013-09-09
小程序云開發(fā)教程如何使用云函數(shù)實現(xiàn)點(diǎn)贊功能
這篇文章主要為大家詳細(xì)介紹了小程序云開發(fā)教程如何使用云函數(shù)實現(xiàn)點(diǎn)贊功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了用JS實現(xiàn)輪播圖效果（二）的相關(guān)資料,需要的朋友可以參考下2016-06-06