js延時執行事件實例,js延時函數

本文目錄一覽：

• 1、js如何實現等待1秒後執行一個事件
• 2、JS 事件延遲執行
• 3、js，jq如何實現點擊後延遲執行函數？
• 4、javaScript 中怎麼延遲執行一個方法?
• 5、如何用javascript設置延時執行
• 6、js for循環中如何延遲執行

js如何實現等待1秒後執行一個事件

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的body標籤中輸入：button onclick=”setTimeout(send, 1000)”btn/button，script標籤中輸入js代碼：function send() {document.body.innerText = ‘use send’;}。

3、瀏覽器運行index.html頁面，點擊btn按鈕。

4、等待1秒後，確實執行了send()方法打印了“use send”文本。

JS 事件延遲執行

延遲執行，一般是用定時器，定時器有兩種，一種是setInterval，另一個是setTimeout。

setInterval，是間隔執行，次數為無限次。

setTimeout，是隔一段時間，執行一次。

setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。

setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。

setTimeout() 和setInterval() 幾乎是一樣的，僅執行次數不同和單詞不同而已。關閉setTimeout（） 是用clearTimeout();

下面舉一個setInterval的例子，僅供參考：

style    

div {width:100px; height:100px; position:absolute; top:50px; left:50px; background:#ccc;}    

/style    

script    

window.onload=function(){    

var oDiv = document.getElementById(‘div1’);    

var nLeft = parseInt(oDiv.currentStyle?oDiv.currentStyle.left:getComputedStyle(oDiv,false).left);    

var timer = setInterval(function(){    //開啟定時器，

nLeft++;    

document.title=nLeft;    

oDiv.style.left=nLeft+’px’;    

if(nLeft == 500)    

{    

clearInterval(timer);    //當left值為500時，關閉定時器。

}

},30);    

};    

/script    

/head    

body    

div id=”div1″/div

js，jq如何實現點擊後延遲執行函數？

點擊後等待調個睡眠函數，再接着執行正常邏輯

function sleep(delay) { //delay:傳入等待秒數

var start = (new Date()).getTime(); //獲取函數剛開始秒數

while ((new Date()).getTime() – start delay) { //噹噹前時間減去函數剛開始時間小於等待秒數時，循環一直進行

continue;

}

javaScript 中怎麼延遲執行一個方法?

setTimeout(“test()”,”2000″);  //2000毫秒後執行test()函數，只執行一次。setInterval(“test()”,”2000″); //每隔2000毫秒執行一次test()函數，執行無數次。

擴展資料：

1、setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式。

2、語法：setTimeout(function, milliseconds, param1, param2, …)。

3、提示： 1000 毫秒= 1 秒。

4、提示： 如果你只想重複執行可以使用 setInterval() 方法。

5、提示： 使用 clearTimeout() 方法來阻止函數的執行。

6、所需參數1：code/function，必需。要調用一個代碼串，也可以是一個函數。

7、所需參數2：milliseconds可選。執行或調用 code/function 需要等待的時間，以毫秒計。默認為 0。

8、所需參數3：param1, param2, …，可選。 傳給執行函數的其他參數（IE9 及其更早版本不支持該參數）。

9、返回值：返回一個 ID（數字），可以將這個ID傳遞給 clearTimeout() 來取消執行。

10、實例：var myWindow=window.open(“”,””,”width=200,height=100″);myWindow.document.write(“p這是一個新窗口’/p”);setTimeout(function(){ myWindow.close() }, 3000);

如何用javascript設置延時執行

二、JavaScript 的計時事件的函數

setTimeout() – 在指定時間後執行代碼

clearTimeout() – 取消 setTimeout()注意:setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 對象的函數。

三、setTimeout詳解

var t=setTimeout(“javascript 語句”,時間參數)

註：時間參數單位為毫秒

示例：var t=setTimeout(“alert(‘3 seconds!’)”,3000)

如果js語句帶變量，則必須用+號將變量連接起來，如：

var t=setTimeout（”document.getElementById(“+menuid+”).style.display=’none'”,3000)

四、clearTimeout詳解

語法：clearTimeout(setTimeout的變量名)

示例：clearTimeout(t) //其中t為前面設置的setTimeout的變量

使用clearTimeout可以隨時停止計時。

五、應用技巧

建議將setTimeout單獨設置為一個函數。如：

function delayRun(code,time) {

var t=setTimeout(code,time);}這樣，在需要讓某段代碼延時執行的時候，只需在這段代碼前加入這個函數就可以了。如：

onmouseover=delayRun(“setTab(0,0)”,500)

其中setTab是一個自定義的函數。如果以後不想讓setTab延時執行，則去掉語句中的delayRun相關的代碼即可，改為：onmouseover=setTab(0,0) 就可以了。

這種寫法避免每一個需要延時的地方都寫一段setTimeout的代碼，只需要直接調用就可以了，很方便。也節省了代碼的量。

js for循環中如何延遲執行

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的script標籤，輸入js代碼：。

for (var i = 0; i 3; i++) {

var a = i + ‘:’ + (new Date());

$(‘body’).append(a);

for (var j = 0; j 700000000; j++);

}

3、瀏覽器運行index.html頁面，此時循環中的內容被延遲執行了。