快捷導(dǎo)航

JavaScript計(jì)時(shí)器用法分析【setTimeout和clearTimeout】

更新時(shí)間：2017年01月18日 11:18:45 作者：books1958

這篇文章主要介紹了JavaScript計(jì)時(shí)器用法,結(jié)合實(shí)例形式分析了setTimeout和clearTimeout函數(shù)的具體使用技巧,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript的各種節(jié)點(diǎn)操作實(shí)例演示代碼
實(shí)例演示對(duì)javascript的節(jié)點(diǎn)的各種操作。包括hasChildNodes()，removeChild()，appendChild()，replaceChild()，insertBefore()，cloneNode()等
2012-06-06
JavaScript 繼承詳解（六）
在本章中，我們將分析Prototypejs中關(guān)于JavaScript繼承的實(shí)現(xiàn),需要的朋友可以參考下
2016-10-10
js實(shí)現(xiàn)秒表計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)秒表計(jì)時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
Javascript改變CSS樣式(局部和全局)
改變CSS樣式分為局部和全局，下面為大家介紹下使用Javascript具體的實(shí)現(xiàn)，感興趣的朋友可以參考下
2013-12-12
JSQL 一個(gè) web DB 的封裝
當(dāng)然隨著HTML5的普及，web DB 已經(jīng)是大勢(shì)所趨了
2010-05-05
JavaScript enum枚舉類型定義及使用方法
這篇文章主要介紹了JavaScript enum枚舉類型定義及使用方法,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
深入淺析同源策略和跨域訪問
同源策略（Same origin policy）是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽器的正常功能可能都會(huì)受到影響。可以說Web是構(gòu)建在同源策略基礎(chǔ)之上的，瀏覽器只是針對(duì)同源策略的一種實(shí)現(xiàn)
2015-11-11
JS實(shí)現(xiàn)玩轉(zhuǎn)風(fēng)車
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)玩轉(zhuǎn)風(fēng)車，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
JS維吉尼亞密碼算法實(shí)現(xiàn)代碼
我想用JS實(shí)現(xiàn)對(duì)文本的加密和解密,想用維吉尼亞密碼算法,誰有現(xiàn)成代碼啊
2010-11-11
在html中引入外部js文件,并調(diào)用帶參函數(shù)的方法
下面小編就為大家?guī)硪黄趆tml中引入外部js文件,并調(diào)用帶參函數(shù)的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10