jQuery.delay()方法简介

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的用法,或者看看如何自己写个控制队列来了解基本原理。

发表评论

邮箱地址不会被公开。 必填项已用*标注