淺析javascript 定時(shí)器

更新時(shí)間：2014年12月23日 09:18:43 投稿：hebedich

這篇文章主要簡(jiǎn)單介紹了javascript 定時(shí)器的相關(guān)知識(shí)，包括 setTimeout()以及clearInterval() 的定義和用法，非常實(shí)用，推薦給大家

setTimeout()--用于指定在一段特定的時(shí)間后執(zhí)行某段程序。

格式:

[定時(shí)器對(duì)象名=]setTimeout(“<表達(dá)式>”,毫秒數(shù));

功能: 執(zhí)行<表達(dá)式>一次。

其中表達(dá)式是字符串，可以使任意javascript語(yǔ)句

<html> 

<head> 

<script type="text/javascript"> 

//5秒之后執(zhí)行alert 

function count(){ 

    setTimeout("alert('執(zhí)行成功');",5000); 

}

</script> 

</head>

<body> 

<input type="button" value="執(zhí)行" onclick="count()"> 

</body> 

</html>

setInterval()—重復(fù)執(zhí)行<表達(dá)式>,直至窗口、框架被關(guān)閉或執(zhí)行clearInterval

格式: [定時(shí)器對(duì)象名=]setInterval(“<表達(dá)式>”,毫秒)

clearInterval() 終止定時(shí)器

格式: clearInterval(定時(shí)器對(duì)象名)

復(fù)制代碼代碼如下:

<html>
<head>
<script type="text/javascript">
var sec=0;
var timeId=setInterval("count();",1000);

function count(){
document.getElementById("num").innerHTML=sec++;
}

function stopCount(){
clearInterval(timeId);
}
</script>
</head>
<body>
<font style="color:red" id="num">0</font>秒鐘<input type="button" value="停止" onclick="stopCount();">
</body>
</html>

是不是很好用呢，有需要的小伙伴參考下吧。

您可能感興趣的文章:

相關(guān)文章

詳解JavaScript中setSeconds()方法的使用
這篇文章主要介紹了詳解JavaScript中setSeconds()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
2015-06-06
JS保存和刪除cookie操作判斷cookie是否存在
本文內(nèi)容講的是:JS保存和刪除cookie操作,判斷cookie是否存在的方法
2013-11-11
JavaScript中splice的使用方法詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中splice的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-03-03
前端變量函數(shù)命名規(guī)則總結(jié)
這篇文章主要為大家介紹了前端變量函數(shù)命名規(guī)則的總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
Web面試常問(wèn)回流reflow與重繪repaint原理及區(qū)別
本文主要為大家講解了瀏覽器的渲染機(jī)制回流與重繪的原理，有需要的朋友可以借鑒參考下，希望可以有所幫助，祝大家多多進(jìn)步早日升職加薪
2021-09-09
JavaScript While 循環(huán)基礎(chǔ)教程
只要指定條件為 true，循環(huán)就可以一直執(zhí)行代碼，
2007-04-04
javascript開(kāi)發(fā)技術(shù)大全－第1章javascript概述
JavaScript 為 HTML 設(shè)計(jì)師提供了一種編程工具HTML 創(chuàng)作者往往都不是程序員，但是 JavaScript 卻是一種只擁有極其簡(jiǎn)單的語(yǔ)法的腳本語(yǔ)言！幾乎每個(gè)人都有能力將短小的代碼片斷放入他們的 HTML 頁(yè)面當(dāng)中。
2011-07-07
JavaScript顯式數(shù)據(jù)類(lèi)型轉(zhuǎn)換詳解
這篇文章主要介紹了JavaScript顯式數(shù)據(jù)類(lèi)型轉(zhuǎn)換，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
JS方法調(diào)用括號(hào)的問(wèn)題探討
JS方法調(diào)用括號(hào)的問(wèn)題很是令人頭疼，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2014-01-01
中文輸入法不觸發(fā)onkeyup事件的解決辦法
這篇文章主要介紹了中文輸入法不觸發(fā)onkeyup事件的解決辦法,需要的朋友可以參考下
2014-07-07