jquery怎么實現延遲執行？下面本篇文章就來給大家介紹一下jquery實現延遲執行的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

方法1：使用delay()

delay() 方法對隊列中的下一項的執行設置延遲。

示例：

#div {

background: lightcoral;

height: 100px;

width: 200px;

line-height: 100px;

margin: 0 auto;

color: white;

}

單擊按鈕，在2秒后隱藏DIV元素。

一個DIV盒子

點擊這里

function Fun() {

$("#div").delay(2000).fadeOut('fast');

$("#DOWN").text("DIV元素在2秒后隱藏");

}

效果圖：

方法2：使用setTimeOut()

setTimeOut()用于從載入后延遲指定的時間去執行一個表達式或者是函數。

提示： 1000 毫秒= 1 秒。

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

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

示例：

#div {

background: lightcoral;

height: 100px;

width: 200px;

line-height: 100px;

margin: 0 auto;

color: white;

}

單擊按鈕，在1秒后隱藏DIV元素。

一個DIV盒子

點擊這里

function Fun() {

setTimeout(function() {

$("#div").fadeOut('fast');

}, 1000);

$("#DOWN").text("DIV元素在1秒后隱藏");

}

效果圖：

更多web開發知識，請查閱 HTML中文網 ！！

總結

以上是生活随笔為你收集整理的html延迟首页,jquery怎么实现延迟执行？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。