建站
咨詢
售后
建站咨詢
新聞中心
在制作網(wǎng)頁動態(tài)效果時，可能會遇到需要延時在執(zhí)行的需求，這時就可以用到 js 中定時器來實(shí)現(xiàn)此類需求，本文將對setTimeout()做一個用法總結(jié)。
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供通海企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為通海眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
語法格式可以是以下兩種：
setTimeout(要執(zhí)行的代碼, 等待的毫秒數(shù))
setTimeout(JavaScript 函數(shù), 等待的毫秒數(shù))
接下來我們先來看一個簡單的例子：
實(shí)例
setTimeout("alert('對不起, 要你久候')", 3000 )
嘗試一下 ? 在測試代碼中我們可以看到頁面在開啟三秒后, 就會出現(xiàn)一個 alert 對話框。
setTimeout() 是設(shè)定一個指定等候時間 (單位是千分之一秒, millisecond), 時間到了, 瀏覽器就會執(zhí)行一個指定的代碼, 如下圖: setTimeout() 也可以用來執(zhí)行指定的函數(shù)(function)，如下實(shí)例，網(wǎng)頁上的文字會在三秒后消修改。
實(shí)例
"content"> 請等三秒鐘!
嘗試一下 ? 實(shí)例中設(shè)定了等待 3 秒 (3000 milliseconds) 后瀏覽器就會執(zhí)行 changeState( ) 這一個函數(shù)。
接下來我們可以通過 setTimeout() 不斷執(zhí)行指定函數(shù)來實(shí)現(xiàn)一個計數(shù)器：
實(shí)例
type="text" id="displayBox" name="displayBox" value="0">
嘗試一下 ? 實(shí)例中頁面在載入后執(zhí)行 countSecond() 函數(shù)，該函數(shù)內(nèi)使用了 setTimeout() 方法，該方法在每隔一秒調(diào)用 countSecond() 函數(shù)，所以最終會導(dǎo)致 countSecond( ) 每秒執(zhí)行一次，實(shí)現(xiàn)計數(shù)效果。
當(dāng)然我們也可以在計數(shù)器的函數(shù)上添加一些片段，實(shí)現(xiàn)在指定條件下停止計數(shù)：
實(shí)例
type="text" id="displayBox" name="displayBox" value="0">
嘗試一下 ? 實(shí)例中在 x 小于 20 的時候會每秒執(zhí)行一次 countSecond() 函數(shù)，在 x 大于等于20 的時候就會停止執(zhí)行。
既然有開始計數(shù)，那么相對應(yīng)的就要有停止計數(shù)，停止計時使用的函數(shù)為 clearTimeout()。
setTimeout() 方法可以使到瀏覽器不斷執(zhí)行一段代碼或一個函數(shù) 當(dāng)一個 setTimeout( ) 開始了循環(huán)的工作, 我們要使它停下來, 可使用 clearTimeout( ) 這方法。
clearTimeout() 語法：
clearTimeout(timeoutID)
timeoutID 為調(diào)用 setTimeout() 函數(shù)時所獲得的返回值，使用該返回標(biāo)識符作為參數(shù)，可以取消該 setTimeout() 所設(shè)定的定時執(zhí)行操作。
meter1 =setTimeout("count1()", 1000)
meter2 =setTimeout("count2()", 1000)
使用 meter1 與 meter2 作為 timeoutID 的名稱, 在設(shè)定 clearTimeout( ) 時, 就可指定對哪一個 setTimeout() 有效, 不會影響另一個 setTimeout() 的操作。
如下實(shí)例：
實(shí)例
"display1">
type=
"text" id=
"box1" name=
"box1" value=
"0" size=
"4" />
type=
"button" value=
"停止計時" onclick=
"clearTimeout(meter1)" />
type=
"button" value=
"繼續(xù)計時" onclick=
"count1() " />
"display2">
type=
"text" id=
"box2" name=
"box2" value=
"0" size=
"4" />
type=
"button" value=
"停止計時" onclick=
"clearTimeout(meter2) " />
type=
"button" value=
"繼續(xù)計時" onclick=
"count2( ) " />
嘗試一下 ?
當(dāng)前標(biāo)題：詳解JavaScriptsetTimeout()
URL網(wǎng)址：http://www.5511xx.com/article/cdcdeic.html
