javascript學習筆記(十五) js間歇調(diào)用和超時調(diào)用
更新時間：2012年06月20日 20:07:22 作者：
javascript學習筆記之js間歇調(diào)用和超時調(diào)用介紹，學習js的朋友可以參考下
1.超時調(diào)用setTimeout()
setTimeout() 方法接受兩個參數(shù)，第一個參數(shù)是函數(shù)，第二個參數(shù)是時間（單位微秒），返回數(shù)值ID
setTimeout( function () {
alert("你好!");
},1000);
調(diào)用前取消clearTimeout(),接受一個參數(shù)超時調(diào)用ID
var timeOutId = setTimeout( function () {
alert("你好!");
},1000);
clearTimeout(timeOutId);
2.間歇調(diào)用setInterval()
setInterval()方法接受兩個參數(shù)，第一個參數(shù)是函數(shù)，第二個參數(shù)是時間（單位微秒），返回數(shù)值ID
setInterval( function () {
alert("你好!");
},1000);
取消調(diào)用clearInterval()，接受一個參數(shù)間歇調(diào)用ID
var intervalId = null;
var span = document.createElement("span"); //創(chuàng)建span節(jié)點
span.Id="time"; //設置span的id
document.body.appendChild(span); //body內(nèi)添加span
function incrementNumber () {
var now = new Date();
var timeStr = now.toLocaleTimeString();
span.innerText =timeStr;
num++;
if (num == 10) {
clearInterval(intervalId); //十秒后時間不變了
}
}
intervalId = setInterval(incrementNumber,1000);
3.盡量用超時調(diào)用替代間歇調(diào)用
var num = 0;
var max = 10;
function incrementNumber() {
num++;
if (num<max) {
setTimeout(incrementNumber,1000);
} else {
alert("OK");
}
}
setTimeout(incrementNumber,1000);
setTimeout() 方法接受兩個參數(shù)，第一個參數(shù)是函數(shù)，第二個參數(shù)是時間（單位微秒），返回數(shù)值ID
復制代碼 代碼如下:
setTimeout( function () {
alert("你好!");
},1000);
調(diào)用前取消clearTimeout(),接受一個參數(shù)超時調(diào)用ID
復制代碼 代碼如下:
var timeOutId = setTimeout( function () {
alert("你好!");
},1000);
clearTimeout(timeOutId);
2.間歇調(diào)用setInterval()
setInterval()方法接受兩個參數(shù)，第一個參數(shù)是函數(shù)，第二個參數(shù)是時間（單位微秒），返回數(shù)值ID
復制代碼 代碼如下:
setInterval( function () {
alert("你好!");
},1000);
取消調(diào)用clearInterval()，接受一個參數(shù)間歇調(diào)用ID
復制代碼 代碼如下:
var intervalId = null;
var span = document.createElement("span"); //創(chuàng)建span節(jié)點
span.Id="time"; //設置span的id
document.body.appendChild(span); //body內(nèi)添加span
function incrementNumber () {
var now = new Date();
var timeStr = now.toLocaleTimeString();
span.innerText =timeStr;
num++;
if (num == 10) {
clearInterval(intervalId); //十秒后時間不變了
}
}
intervalId = setInterval(incrementNumber,1000);
3.盡量用超時調(diào)用替代間歇調(diào)用
復制代碼 代碼如下:
var num = 0;
var max = 10;
function incrementNumber() {
num++;
if (num<max) {
setTimeout(incrementNumber,1000);
} else {
alert("OK");
}
}
setTimeout(incrementNumber,1000);
相關(guān)文章
一個div的運動其實就是它與瀏覽器邊框的距離在變動。如果他變化的速率一定，那就是勻速運動；如果變化的速率不一定，那么就是變速運動2012-11-11
JavaScript基礎(chǔ)學習之splice()函數(shù)詳解
在前端JavaScript編程過程中,為了開發(fā)出更具交互性的web應用,需要對一些數(shù)組進行處理,下面這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)學習之splice()函數(shù)的相關(guān)資料,需要的朋友可以參考下2022-04-04
Javascript 動態(tài)改變imput type屬性
這篇文章主要介紹了Javascript 動態(tài)改變imput type屬性的相關(guān)資料,并附簡單實例代碼，需要的朋友可以參考下2016-11-11
使用Java實現(xiàn)簡單的server/client回顯功能的方法介紹
本篇文章介紹了，使用Java實現(xiàn)簡單的server/client回顯功能的方法。需要的朋友參考下2013-05-05
JavaScript String.replace函數(shù)參數(shù)實例說明
JavaScript String.replace函數(shù)作用是將源自符串中的match替換為replacement并返回替換后的字符串，使用介紹如下，不會的朋友可以了解下哈2013-06-06
如何獲取JQUERY AJAX返回的JSON結(jié)果集實現(xiàn)代碼
我寫了個方法,用于查詢結(jié)果,但debug過程中發(fā)現(xiàn)結(jié)果集有數(shù)據(jù)，我如何通過變量獲取呢2012-12-12
字符長度限制在某些特殊的使用場合還是比較實用的，下面為大家用示例探討下，感興趣的朋友可以參考下2014-01-01
codeproject出的JavaScript初級教程，講的也比較詳細，雖然是英文的，但語意簡單，想學習這個應該不是大障礙2008-06-06
這篇文章主要介紹了javascript中eval解析JSON字符串時遇到的一個問題，簡單的說eval就相當于一個js解析器，很牛哦
2016-02-02