jQuery.delay()暂停的意思。例如:jQuery.delay(800) 代表暂停0.8秒。
这个方法从 jQuery 1.4 开始加入进来。中文文档中也早就有了,但是悄悄的添加进去的,很不起眼,不容易引起人的关注。
用法很简单,直接使用
$(‘#foo’).slideUp(300).delay(800).fadeIn(400);
这样的一句话,就可以在两次动画之间间隔800毫秒了。非常方便。
$(document).ready(function() { //vendor script $('#header') .css({ 'top':-50 }) .delay(1000) .animate({'top': 0}, 800); $('#footer') .css({ 'bottom':-15 }) .delay(1000) .animate({'bottom': 0}, 800); });
这是一个例子,开始的时候隐藏页面的header 和footer 等页面加载后成功1秒钟后 在显示 header 和 footer
他除了可以控制动画之外,还能控制自定义队列:
delay(duration, [queueName])
第一个参数代表间隔时间 单位为毫秒。
第二个参数就是设置队列名的,如果不填,默认就是动画队列 fx。
介绍完啦,非常简单把?如果有兴趣,可以看看jQuery.delay()文档,以及jQuery中queue和dequeue的用法,或者看看如何自己写个控制队列来了解基本原理。