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

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

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

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

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

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：這里再為大家推薦幾款時間及計時器相關工具供大家參考使用：

在線秒表工具：
http://tools.jb51.net/bianmin/miaobiao

Unix時間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime

在線世界各地時間查詢：
http://tools.jb51.net/zhuanhuanqi/worldtime

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結》《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

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