javascript中interval與setTimeOut的區(qū)別示例介紹
更新時(shí)間：2014年03月14日 17:09:36 作者：
這篇文章主要介紹了javascript中interval與setTimeOut的區(qū)別,需要的朋友可以參考下
setTimeout(code,millisec) //- 在指定時(shí)間后執(zhí)行代碼
code必須；
millisec必須；
clearTimeout(setTimeoutId) //- 取消 setTimeout()
setInterval(code,millisec)；//指定間隔毫秒內(nèi)循環(huán)執(zhí)行代碼
code必須；
millisec必須；
clearInterval(intervalId);
用setTimeout(code,millisec)可以實(shí)現(xiàn)setInterval效果，只需要嵌套調(diào)用方法即可；
下面是一個(gè)倒計(jì)時(shí)頁面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript">
var c=6;
var t;
function timedCount()
{
var time = document.getElementById('txt').value;
if( time>0){
document.getElementById('txt').value=c;
c=c-1;
t=setTimeout("timedCount()",1000);
}
else{
clearTimeout(t);
}
}
</script>
</head>
<body>
<form>
<input type="button" value="開始計(jì)時(shí)！" onClick="timedCount()">
<input type="text" id="txt" value="6">
</form>
</body>
</html>
code必須；
millisec必須；
clearTimeout(setTimeoutId) //- 取消 setTimeout()
setInterval(code,millisec)；//指定間隔毫秒內(nèi)循環(huán)執(zhí)行代碼
code必須；
millisec必須；
clearInterval(intervalId);
用setTimeout(code,millisec)可以實(shí)現(xiàn)setInterval效果，只需要嵌套調(diào)用方法即可；
下面是一個(gè)倒計(jì)時(shí)頁面
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript">
var c=6;
var t;
function timedCount()
{
var time = document.getElementById('txt').value;
if( time>0){
document.getElementById('txt').value=c;
c=c-1;
t=setTimeout("timedCount()",1000);
}
else{
clearTimeout(t);
}
}
</script>
</head>
<body>
<form>
<input type="button" value="開始計(jì)時(shí)！" onClick="timedCount()">
<input type="text" id="txt" value="6">
</form>
</body>
</html>
相關(guān)文章
Javascript Throttle & Debounce應(yīng)用介紹
Throttle:無視一定時(shí)間內(nèi)所有的調(diào)用Debounce:一定間隔內(nèi)沒有調(diào)用時(shí)，接下來將為大家介紹下Throttle & Debounce的應(yīng)用，感興趣的朋友可以參考下哈2013-03-03
這篇文章主要介紹了如何讓es6 寫的文件import 起來詳解的相關(guān)資料,需要的朋友可以參考下2016-12-12
javascript處理a標(biāo)簽超鏈接默認(rèn)事件的方法
這篇文章主要介紹了javascript處理a標(biāo)簽超鏈接默認(rèn)事件的方法,涉及event.preventDefault()方法阻止默認(rèn)事件的使用技巧,需要的朋友可以參考下2015-06-06
詳談DOM簡(jiǎn)介及節(jié)點(diǎn)、屬性、查找節(jié)點(diǎn)的方法
下面小編就為大家分享一篇詳談DOM簡(jiǎn)介及節(jié)點(diǎn)、屬性、查找節(jié)點(diǎn)的方法，具有非常好的參考價(jià)值，一起跟隨小編過來看看吧，希望對(duì)大家有所幫助2017-11-11
詳解在網(wǎng)頁上通過JS實(shí)現(xiàn)文本的語音朗讀
這篇文章主要介紹了在網(wǎng)頁上通過JS實(shí)現(xiàn)文本的語音朗讀，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
我們不論用什么程序，經(jīng)常會(huì)用到的js代碼，建議大家收藏好，方便以后使用2008-06-06
本文沒有詳細(xì)描述這些新特性，因?yàn)榫W(wǎng)上都已經(jīng)有很多相關(guān)的介紹了。主要針對(duì)ES6 新特性收集了相關(guān)范例代碼，他可以讓你快速了解這個(gè)新的javascript規(guī)范2017-03-03
javascript中沒有塊級(jí)作用域。取而代之的javascript使用的是函數(shù)作用域（function scope）：變量在聲明它的函數(shù)體以及這個(gè)函數(shù)體嵌套的任意函數(shù)體內(nèi)都是有定義的。2014-11-11
本篇文章講述了JS同步、異步、延遲加載的方法，具有很好的參考價(jià)值，希望對(duì)大家的學(xué)習(xí)有所幫助2018-05-05
用JS實(shí)現(xiàn)一個(gè)TreeMenu效果分享
用JS實(shí)現(xiàn)一個(gè)TreeMenu效果分享，思路比較簡(jiǎn)單，但很實(shí)用2011-08-08