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

方法1：使用delay()

delay() 方法對(duì)隊(duì)列中的下一項(xiàng)的執(zhí)行設(shè)置延遲。

示例：

#div {

background: lightcoral;

height: 100px;

width: 200px;

line-height: 100px;

margin: 0 auto;

color: white;

}

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

一個(gè)DIV盒子

點(diǎn)擊這里

function Fun() {

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

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

}

效果圖：

方法2：使用setTimeOut()

setTimeOut()用于從載入后延遲指定的時(shí)間去執(zhí)行一個(gè)表達(dá)式或者是函數(shù)。

提示： 1000 毫秒= 1 秒。

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

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

示例：

#div {

background: lightcoral;

height: 100px;

width: 200px;

line-height: 100px;

margin: 0 auto;

color: white;

}

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

一個(gè)DIV盒子

點(diǎn)擊這里

function Fun() {

setTimeout(function() {

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

}, 1000);

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

}

效果圖：

更多web開發(fā)知識(shí)，請(qǐng)查閱 HTML中文網(wǎng) ！！

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。