首页 > 代码库 > js中的队列
js中的队列
如果有5个隐藏的div,要让它们依次显示,通常的做法是要一个一个嵌套在回调函数里面,这样导致代码看起来非常不直观。
$("#div1").slideDown(1000,function(){
$("#div2").slideDown(1000,function(){
...
...
});
});
这个情况下,就可以使用队列,此时需要借助一个辅助对象,假设是$("#queueHelper"):
var divs = $("div"); divs.hide(); for (var i = 0; i < divs.length; i++) { $("#queueHelper").queue(function () { divs.eq(i).slideDown(5000); }); } for (var i = 0; i < divs.length; i++) { $("#queueHelper").dequeue(); }
它思路就是找到一个辅助对象,向它一次性插入需要执行的动作,然后再一次性取出来。
在插入队列的时候,只是把方法保存进去。而等到出列的时候,才开始真正执行,并且是等待前一个方法执行完,才会执行后一个方法。
辅助对象的目的就是为了把所有函数都集中到同一个队列上,甚至可以直接用$("#div1")作为辅助对象。
如果没有把所有函数集中在同一个队列,而是分5个队列的话,那5个队列就会同时开始执行,看到的效果就是同时执行。
js中的队列
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。