如何用javascript設(shè)置延時(shí)執(zhí)行

二、JavaScript 的計(jì)時(shí)事件的函數(shù)

創(chuàng)新互聯(lián)咨詢(xún)電話(huà)：028-86922220，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)網(wǎng)頁(yè)制作領(lǐng)域10多年，包括廣告制作等多個(gè)方面擁有豐富的網(wǎng)站制作經(jīng)驗(yàn)，選擇創(chuàng)新互聯(lián)，為網(wǎng)站保駕護(hù)航！

setTimeout() - 在指定時(shí)間后執(zhí)行代碼

clearTimeout() - 取消 setTimeout()注意:setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 對(duì)象的函數(shù)。

三、setTimeout詳解

var t=setTimeout("javascript 語(yǔ)句",時(shí)間參數(shù))

注：時(shí)間參數(shù)單位為毫秒

示例：var t=setTimeout("alert('3 seconds!')",3000)

如果js語(yǔ)句帶變量，則必須用+號(hào)將變量連接起來(lái)，如：

var t=setTimeout（"document.getElementById("+menuid+").style.display='none'",3000)

四、clearTimeout詳解

語(yǔ)法：clearTimeout(setTimeout的變量名)

示例：clearTimeout(t) //其中t為前面設(shè)置的setTimeout的變量

使用clearTimeout可以隨時(shí)停止計(jì)時(shí)。

五、應(yīng)用技巧

建議將setTimeout單獨(dú)設(shè)置為一個(gè)函數(shù)。如：

function delayRun(code,time) {

var t=setTimeout(code,time);}這樣，在需要讓某段代碼延時(shí)執(zhí)行的時(shí)候，只需在這段代碼前加入這個(gè)函數(shù)就可以了。如：

onmouseover=delayRun("setTab(0,0)",500)

其中setTab是一個(gè)自定義的函數(shù)。如果以后不想讓setTab延時(shí)執(zhí)行，則去掉語(yǔ)句中的delayRun相關(guān)的代碼即可，改為：onmouseover=setTab(0,0) 就可以了。

這種寫(xiě)法避免每一個(gè)需要延時(shí)的地方都寫(xiě)一段setTimeout的代碼，只需要直接調(diào)用就可以了，很方便。也節(jié)省了代碼的量。

實(shí)現(xiàn)javascript的延期執(zhí)行或者重復(fù)執(zhí)行的兩個(gè)函數(shù)

以下內(nèi)容摘錄自《征服AJAX Web2.0開(kāi)發(fā)技術(shù)詳解》,今天在圖書(shū)管看書(shū)覺(jué)得講的挺好的，特此摘錄！小部分內(nèi)容和代碼做了改動(dòng)！

window對(duì)象提供了兩個(gè)方法來(lái)實(shí)現(xiàn)定時(shí)器的效果，分別是window.setTimeout()和window.setInterval。其中前者可以使一段代碼在指定時(shí)間后運(yùn)行；而后者則可以使一段代碼每過(guò)指定時(shí)間就運(yùn)行一次。它們的原型如下：

復(fù)制代碼

代碼如下:

window.setTimeout(expression,milliseconds);

window.setInterval(expression,milliseconds);

其中，expression可以是用引號(hào)括起來(lái)的一段代碼，也可以是一個(gè)函數(shù)名，到了指定的時(shí)間，系統(tǒng)便會(huì)自動(dòng)調(diào)用該函數(shù)，當(dāng)使用函數(shù)名作為調(diào)用句柄時(shí)，不能帶有任何參數(shù)；而使用字符串時(shí)，則可以在其中寫(xiě)入要傳遞的參數(shù)。兩個(gè)方法的第二個(gè)參數(shù)是milliseconds，表示延時(shí)或者重復(fù)執(zhí)行的毫秒數(shù)。下面分別介紹兩種方法。

1．window.setTimeout方法 該方法可以延時(shí)執(zhí)行一個(gè)函數(shù)，例如：

一秒后會(huì)彈出"hello"

[Ctrl+A

全選

注:如需引入外部Js需刷新才能執(zhí)行]

這段代碼將使得頁(yè)面打開(kāi)5秒鐘后顯示對(duì)話(huà)框“hello”。其中最后一句也可以寫(xiě)為：

window.setTimeout("hello()",1000);

讀者可以體會(huì)它們的差別，在window.setInterval方法中也有這樣的性質(zhì)。

如果在延時(shí)期限到達(dá)之前取消延執(zhí)行，可以使用window.clearTimeout(timeoutId)方法，該方法接收一個(gè)id，表示一個(gè)定時(shí)器。這個(gè)id是由setTimeout方法返回的，例如：

[Ctrl+A

全選

注:如需引入外部Js需刷新才能執(zhí)行]

這樣，如果要取消顯示，只需單擊頁(yè)面任何一部分，就執(zhí)行了window.clearTimeout方法，使得超時(shí)操作被取消。

2．window.setInterval方法

該方法使得一個(gè)函數(shù)每隔固定時(shí)間被調(diào)用一次，是一個(gè)很常用的方法。如果想要取消定時(shí)執(zhí)行，和clearTimeout方法類(lèi)似，可以調(diào)用window.clearInterval方法。clearInterval方法同樣接收一個(gè)setInterval方法返回的值作為參數(shù)。例如：

復(fù)制代碼

代碼如下:

//定義一個(gè)反復(fù)執(zhí)行的調(diào)用

var id=window.setInterval("somefunction",10000);

//取消定時(shí)執(zhí)行

window.clearInterval(id);

上面的代碼僅用于說(shuō)明怎樣取消一個(gè)定時(shí)執(zhí)行。實(shí)際上在很多場(chǎng)合都需要用到setInterval方法，下面將設(shè)計(jì)一個(gè)秒表，來(lái)介紹setInterval函數(shù)的用途：該秒表將包括兩個(gè)按鈕和一個(gè)用于顯示時(shí)間的文本框。當(dāng)單擊開(kāi)始按鈕時(shí)開(kāi)始計(jì)時(shí)，最小單位為0.01秒，此時(shí)再次單擊按鈕則停止計(jì)時(shí)，文本框顯示經(jīng)過(guò)的時(shí)間。另外一個(gè)按鈕用于將當(dāng)前時(shí)間清零。其實(shí)現(xiàn)代碼如下：

New

Document

[Ctrl+A

全選

注:如需引入外部Js需刷新才能執(zhí)行]

js如何延時(shí)執(zhí)行下一條語(yǔ)句

javascript提供了setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式，因此延遲1秒后執(zhí)行一個(gè)函數(shù)可以如下代碼實(shí)現(xiàn)：

setTimeout("fun()",1000);???//?fun()是自定義函數(shù)

下面實(shí)例演示：打開(kāi)頁(yè)面后倒計(jì)時(shí)3秒，然后彈出對(duì)話(huà)框

1、HTML結(jié)構(gòu)

div?id="test"3/div

2、javascript代碼

function?fun(n){

if(n0){

n--;

document.getElementById("test").innerHTML?=?n;

setTimeout("fun("+n+")",1000)

}

else

alert("時(shí)間到！！");

}

window.onload?=?function(){

setTimeout("fun(3)",1000)

}

3、效果演示

JavaScript一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言，內(nèi)置支持類(lèi)型。它的解釋器被稱(chēng)為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶(hù)端的腳本語(yǔ)言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。

在1995年時(shí)，由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)镹etscape與Sun合作，Netscape管理層希望它外觀(guān)看起來(lái)像Java，因此取名為JavaScript。但實(shí)際上它的語(yǔ)法風(fēng)格與Self及Scheme較為接近。

為了取得技術(shù)優(yōu)勢(shì)，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運(yùn)行。為了統(tǒng)一規(guī)格，因?yàn)镴avaScript兼容于ECMA標(biāo)準(zhǔn)，因此也稱(chēng)為ECMAScript。

當(dāng)前文章：javascript延時(shí)的簡(jiǎn)單介紹
文章URL：http://chinadenli.net/article3/dsgdsos.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、電子商務(wù)、網(wǎng)站排名、動(dòng)態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)