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