jQuery delay()函数
时间：2020-02-23 14:46:06 来源:igfitidea点击:
jQuery延迟功能用于延迟队列中项目的执行。
此方法设置计时器以延迟执行。
jQuery delay()
这是使用jQuery delay()函数的一般语法：
selector.delay(整数速度，字符串queueName)
速度定义延迟效果的持续时间。
持续时间以毫秒为单位。
queueName是将在其上执行延迟功能的队列的名称。
这是一个可选参数。
默认值为fx，这是标准效果队列。
jQuery延迟功能
下面的示例演示了jQuery延迟函数在延迟动画中的应用。
<!doctype html>
<html>
<head>
<title>jQuery delay Function</title>
<style>
div {
position: absolute;
width: 70px;
height: 70px;
float: left;
}
.div1{
background-color: red;
left: 0;
}
.div2{
background-color: black;
left: 80px;
}
</style>
<script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<p><button>jQuery Delay Demo</button></p>
<div class="div1"></div>
<div class="div2"></div>
<script>
$( "button" ).click(function() {
$( "div.div1" ).toggle( 300 ).delay( 2000 ).fadeIn( 400 );
$( "div.div2" ).toggle( 300 ).slideDown( 1000 );
});
</script>
</body>
</html>
如您所见，在上面的示例中，使用jQuery delay()函数将fadeIn效果延迟了2秒。
