JavaScript計(jì)時(shí)器用法分析【setTimeout和clearTimeout】
本文實(shí)例分析了JavaScript計(jì)時(shí)器用法。分享給大家供大家參考，具體如下：
JavaScript中使用setTimeout和clearTimeout函數(shù)進(jìn)行計(jì)時(shí)/停止計(jì)時(shí)的操作。
1.指定時(shí)間后執(zhí)行一個(gè)動(dòng)作，如3s后彈出一個(gè)對(duì)話框：
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)開始計(jì)數(shù)與停止計(jì)數(shù)的例子：
var count = 0;
var myTimer;
//開始計(jì)數(shù)
function start_counter(){
document.getElementById("time_count").innerHTML = count;
count++;
myTimer = setTimeout("start_counter()",1000);
}
//停止計(jì)數(shù)
function stop_counter(){
clearTimeout(myTimer);
}
PS：這里再為大家推薦幾款時(shí)間及計(jì)時(shí)器相關(guān)工具供大家參考使用：
在線秒表工具：
http://tools.jb51.net/bianmin/miaobiao
Unix時(shí)間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime
在線世界各地時(shí)間查詢：
http://tools.jb51.net/zhuanhuanqi/worldtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時(shí)間與日期操作技巧總結(jié)》《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 實(shí)例詳解JavaScript中setTimeout函數(shù)的執(zhí)行順序
- JS ES6中setTimeout函數(shù)的執(zhí)行上下文示例
- JS中SetTimeout和SetInterval使用初探
- js中setTimeout的妙用--防止循環(huán)超時(shí)
- JavaScript中從setTimeout與setInterval到AJAX異步
- JS中setTimeout和setInterval的最大延時(shí)值詳解
- 詳解JS中定時(shí)器setInterval和setTImeout的this指向問題
- JavaScript setTimeout與setTimeinterval使用案例詳解
相關(guān)文章
js用于樹型結(jié)構(gòu)級(jí)聯(lián)選擇
js用于樹型結(jié)構(gòu)級(jí)聯(lián)選擇...2007-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日歷效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
基于Bootstrap實(shí)現(xiàn)城市三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了基于BootStrap實(shí)現(xiàn)城市三級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript來實(shí)現(xiàn)打開鏈接頁面的簡單實(shí)例
下面小編就為大家?guī)硪黄狫avaScript來實(shí)現(xiàn)打開鏈接頁面的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
JS控制文本框textarea輸入字?jǐn)?shù)限制的方法
JS控制文本框textarea輸入字?jǐn)?shù)限制的方法，需要的朋友可以參考一下2013-06-06
認(rèn)識(shí)Knockout及如何使用Knockout綁定上下文
Knockout簡稱ko，是一個(gè)輕量級(jí)的javascript類庫，采用MVVM設(shè)計(jì)模式（即Model、view、viewModel），簡單優(yōu)雅的實(shí)現(xiàn)了雙向綁定，實(shí)時(shí)更新，幫助您使用干凈的數(shù)據(jù)模型來創(chuàng)建豐富的、響應(yīng)式的用戶界面2015-12-12
js+css實(shí)現(xiàn)三級(jí)導(dǎo)航菜單
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)三級(jí)導(dǎo)航菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
alert彈出框出現(xiàn)亂碼的情況，想必大家都有遇到過吧，其實(shí)解決方法很簡單設(shè)置charset=utf-8在試試，看看是不是好了2013-09-09
小程序云開發(fā)教程如何使用云函數(shù)實(shí)現(xiàn)點(diǎn)贊功能
這篇文章主要為大家詳細(xì)介紹了小程序云開發(fā)教程如何使用云函數(shù)實(shí)現(xiàn)點(diǎn)贊功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了用JS實(shí)現(xiàn)輪播圖效果（二）的相關(guān)資料,需要的朋友可以參考下2016-06-06