javascript學(xué)習(xí)筆記(十五) js間歇調(diào)用和超時(shí)調(diào)用
更新時(shí)間：2012年06月20日 20:07:22 作者：
javascript學(xué)習(xí)筆記之js間歇調(diào)用和超時(shí)調(diào)用介紹，學(xué)習(xí)js的朋友可以參考下
1.超時(shí)調(diào)用setTimeout()
setTimeout() 方法接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是函數(shù)，第二個(gè)參數(shù)是時(shí)間（單位微秒），返回?cái)?shù)值ID
setTimeout( function () {
alert("你好!");
},1000);
調(diào)用前取消clearTimeout(),接受一個(gè)參數(shù)超時(shí)調(diào)用ID
var timeOutId = setTimeout( function () {
alert("你好!");
},1000);
clearTimeout(timeOutId);
2.間歇調(diào)用setInterval()
setInterval()方法接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是函數(shù)，第二個(gè)參數(shù)是時(shí)間（單位微秒），返回?cái)?shù)值ID
setInterval( function () {
alert("你好!");
},1000);
取消調(diào)用clearInterval()，接受一個(gè)參數(shù)間歇調(diào)用ID
var intervalId = null;
var span = document.createElement("span"); //創(chuàng)建span節(jié)點(diǎn)
span.Id="time"; //設(shè)置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); //十秒后時(shí)間不變了
}
}
intervalId = setInterval(incrementNumber,1000);
3.盡量用超時(shí)調(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() 方法接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是函數(shù)，第二個(gè)參數(shù)是時(shí)間（單位微秒），返回?cái)?shù)值ID
復(fù)制代碼 代碼如下:
setTimeout( function () {
alert("你好!");
},1000);
調(diào)用前取消clearTimeout(),接受一個(gè)參數(shù)超時(shí)調(diào)用ID
復(fù)制代碼 代碼如下:
var timeOutId = setTimeout( function () {
alert("你好!");
},1000);
clearTimeout(timeOutId);
2.間歇調(diào)用setInterval()
setInterval()方法接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是函數(shù)，第二個(gè)參數(shù)是時(shí)間（單位微秒），返回?cái)?shù)值ID
復(fù)制代碼 代碼如下:
setInterval( function () {
alert("你好!");
},1000);
取消調(diào)用clearInterval()，接受一個(gè)參數(shù)間歇調(diào)用ID
復(fù)制代碼 代碼如下:
var intervalId = null;
var span = document.createElement("span"); //創(chuàng)建span節(jié)點(diǎn)
span.Id="time"; //設(shè)置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); //十秒后時(shí)間不變了
}
}
intervalId = setInterval(incrementNumber,1000);
3.盡量用超時(shí)調(diào)用替代間歇調(diào)用
復(fù)制代碼 代碼如下:
var num = 0;
var max = 10;
function incrementNumber() {
num++;
if (num<max) {
setTimeout(incrementNumber,1000);
} else {
alert("OK");
}
}
setTimeout(incrementNumber,1000);
您可能感興趣的文章:
- JS實(shí)現(xiàn)間歇滾動(dòng)的運(yùn)動(dòng)效果實(shí)例
- 簡單實(shí)現(xiàn)js間歇或無縫滾動(dòng)效果
- JS實(shí)現(xiàn)物體帶緩沖的間歇運(yùn)動(dòng)效果示例
- js超時(shí)調(diào)用setTimeout和間歇調(diào)用setInterval實(shí)例分析
- js實(shí)現(xiàn)的文字橫向無間斷滾動(dòng)
- js滾動(dòng)條回到頂部的代碼
- js操作滾動(dòng)條事件實(shí)例
- 徹底搞懂JS無縫滾動(dòng)代碼
- JS JQUERY實(shí)現(xiàn)滾動(dòng)條自動(dòng)滾到底的方法
- js實(shí)現(xiàn)圖片無縫滾動(dòng)特效
- JS實(shí)現(xiàn)的文字間歇循環(huán)滾動(dòng)效果完整示例
相關(guān)文章
本文使用JS、CSS、標(biāo)簽屬性等方式去除IE鏈接上的虛線框，方法很簡單，大家可以選擇使用2013-11-11
自動(dòng)化測試讀寫64位操作系統(tǒng)的注冊表
本文主要介紹自動(dòng)化測試讀寫64位操作系統(tǒng)的注冊表,這里提供詳細(xì)的教程來實(shí)現(xiàn)自動(dòng)化讀寫64位操作系統(tǒng)的注冊表,希望能幫助測試軟件的朋友,有興趣的小伙伴可以參考下2016-08-08
下面小編就為大家?guī)硪黄钊肜斫釰avaScript內(nèi)置函數(shù)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
利用下面的腳本方便返回當(dāng)前網(wǎng)頁的url,一般自己可以根據(jù)需要利用2008-09-09
Javascript入門學(xué)習(xí)第三篇 js運(yùn)算
上篇文章講了js中的傳值和傳址 和 函數(shù)的作用域. 這章我們來探討js中的變量，表達(dá)式，和運(yùn)算符 還有一些 js 語句。 升級中……2008-07-07
ParseInt函數(shù)參數(shù)設(shè)置介紹
經(jīng)常用ParseInt函數(shù)轉(zhuǎn)換字符串為int數(shù)值，ParseInt函數(shù)有兩個(gè)參數(shù)可以設(shè)置，其中第二個(gè)參數(shù)可以缺省2014-01-01
本文詳細(xì)介紹了什么是js串行，并行，如何實(shí)現(xiàn)JavaScript異步串行和異步并行，想詳細(xì)了解的小伙伴，可以借鑒閱讀2023-03-03
JavaScript 基本數(shù)據(jù)類型轉(zhuǎn)換你了解嘛
這篇文章主要為大家介紹了JavaScript基本數(shù)據(jù)類型轉(zhuǎn)換，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
關(guān)于JavaScript中string 的replace
在使用JavaScript對字符串進(jìn)行處理的時(shí)候我們經(jīng)常會用到replace方法，很簡單的一個(gè)方法，以前一直不以為意，直到今天看JavaScript語言精粹的時(shí)候讀到了一個(gè)有趣的小例子的時(shí)候，并不是十分理解，了解了一下replace的用法才明白，原來replace不像想象中的那么簡單2013-04-04
這篇文章主要介紹了javascript深拷貝(deepClone)詳解的相關(guān)資料,需要的朋友可以參考下2016-08-08