html延迟首页,jquery怎么实现延迟执行？

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中文网 ！！