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í)頁(yè)面
<!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>無(wú)標(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="開(kāi)始計(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í)頁(yè)面
復(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>無(wú)標(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="開(kāi)始計(jì)時(shí)！" onClick="timedCount()">
<input type="text" id="txt" value="6">
</form>
</body>
</html>
您可能感興趣的文章:
相關(guān)文章
THREE.JS入門教程(5)你應(yīng)當(dāng)知道的十件事
Three.js是一個(gè)偉大的開(kāi)源WebGL庫(kù)，WebGL允許JavaScript操作GPU，在瀏覽器端實(shí)現(xiàn)真正意義的3D，本文會(huì)讓你了解一下使用THREE.JS處理3D/避免SetInterval/使用倒序循環(huán)等等，感興趣的朋友可以了解下哦2013-01-01
本文主要介紹javascript中的Math對(duì)象的用法，講解的很詳細(xì)，希望能給大家做一個(gè)參考。2016-06-06
javascript函數(shù)聲明和函數(shù)表達(dá)式區(qū)別分析
本文向大家展示了javascript中函數(shù)聲明和函數(shù)表達(dá)式的概念及區(qū)別，介紹的非常全面，也很詳盡，這里推薦給大家2014-12-12
本文向大家詳細(xì)的介紹了javascript中的String對(duì)象的簡(jiǎn)介、定義方式、實(shí)例屬性和實(shí)例方法，非常的細(xì)致全面，這里推薦給大家，希望對(duì)大家能夠有所幫助。2015-03-03
JavaScript中使用Math.floor()方法對(duì)數(shù)字取整
這篇文章主要介紹了JavaScript中使用Math.floor()方法對(duì)數(shù)字取整,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
關(guān)于jQuery參考實(shí)例2.0 用jQuery選擇元素
本篇文章小編為大家介紹，關(guān)于jQuery參考實(shí)例2.0 用jQuery選擇元素，有需要的朋友可以參考一下。2013-04-04
想學(xué)習(xí)javascript JS和jQuery哪個(gè)重要 先學(xué)哪個(gè)
在一些技術(shù)論壇與qq群經(jīng)?？吹接羞@樣類似的提問(wèn)，當(dāng)然提出這樣問(wèn)題的通常都是新手為了解決大家的疑惑，同時(shí)幫助新手程序員能更快掌握學(xué)習(xí)的方向，不致于弄錯(cuò)重點(diǎn)2016-12-12
這篇文章主要介紹了js call方法使用方法，有需要的朋友可以參考一下2013-11-11
詳解JavaScript對(duì)W3C DOM模版的支持情況
這篇文章主要介紹了詳解JavaScript對(duì)W3C DOM模版的支持情況,在JS前端編程的兼容性方面可作參考使用,需要的朋友可以參考下2015-06-06
JavaScript CSS 修改學(xué)習(xí)第四章 透明度設(shè)置
今天我打算使用一些元素的透明度設(shè)置來(lái)實(shí)現(xiàn)淡出淡入效果。但是有些瀏覽器對(duì)于某些元素的透明度設(shè)置支持不夠。而且要設(shè)置表格的透明度，幾乎在所有的瀏覽器里面都不可能。2010-02-02