设置一个延时来推迟执行队列中之后的项目。这个方法不能取代JS原生的setTimeout。
The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.
例子:在.slideUp() 和 .fadeIn()之间延时800毫秒。
HTML 代码:
<div id="foo /">
jQuery 代码:
$('#foo').slideUp(300).delay(800).fadeIn(400)
2. 通过循环消耗cpu
function sleep(n) {
var start = new Date().getTime()
while(true) if(new Date().getTime()-start >n) break
}
3. 用setTimeout。
假设有三个步骤,步骤之间需要暂停一段时间;可以采用如下的方法:
function firstStep() {
//do something
setTimeout("secondStep()", 1000)
}
function secondStep() {
//do something
setTimeout("thirdStep()", 1000)
}
function thirdStep() {
//do something
}
<script>function delay() //延时函数
{
for(var i=1 i<=1000 i++) //延时约1秒
}
var count=0, dir=1 //dir为1表示加,dir为0表示减
while(1)
{
delay()
if(dir) count++
else count--
if(count==10) dir=0
if(count==0) dir=1
}
</script>
div # content 在3秒后淡出$("#content").stop().delay(3000).fadeOut(100)
delay这个方法就是延迟多少秒之后开始执行后边的动画的方法
$("#modCity_hover").hover(function(){
$("#modcity").stop().fadeIn()
},function(){
$("#modcity").stop().delay(10000).fadeOut()//延迟淡出
})