如何利用jquery 队列实现函数的依次执行？ 100
比如functiona(){settimeout(alert('5'),5000);}functionb(){settimeout(alert('5'),4000);}f...
比如function a(){settimeout(alert('5'),5000);} function b(){settimeout(alert('5'),4000);}
function c(){settimeout(alert('5'),3000);} 这3个函数，按照a,b,c依次执行，用队列如何办到，，，已知用$.Deferred()是可以的，但嵌套太多了，如果有1000个函数的话根本不能看。
已知queue里面执行下一个函数dequeue（队列名） 但这个一般都是写在anmiate或者ajax的回调里面的 展开
function c(){settimeout(alert('5'),3000);} 这3个函数，按照a,b,c依次执行，用队列如何办到，，，已知用$.Deferred()是可以的，但嵌套太多了，如果有1000个函数的话根本不能看。
已知queue里面执行下一个函数dequeue（队列名） 但这个一般都是写在anmiate或者ajax的回调里面的 展开
1个回答
展开全部
本jquery队列函数用法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
<style>
div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:30px;
background:green; display:none; }
div.newcolor { background:blue; }
</style>
Click here...
<div></div>
<script>
$(document.body).click(function () {
$("div").show("slow");
//$("div").slideDown();
$("div").animate({left:'+=200'},2000);
$("div").queue(function () {//入队列
$(this).addClass("newcolor");
$(this).dequeue();//出队列
});
$("div").animate({left:'-=200'},2000);
$("div").queue(function () {//入队列
$(this).removeClass("newcolor");
$(this).dequeue();//出队列
});
$("div").slideUp();
});
</script>
</body>
</html>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
<style>
div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:30px;
background:green; display:none; }
div.newcolor { background:blue; }
</style>
Click here...
<div></div>
<script>
$(document.body).click(function () {
$("div").show("slow");
//$("div").slideDown();
$("div").animate({left:'+=200'},2000);
$("div").queue(function () {//入队列
$(this).addClass("newcolor");
$(this).dequeue();//出队列
});
$("div").animate({left:'-=200'},2000);
$("div").queue(function () {//入队列
$(this).removeClass("newcolor");
$(this).dequeue();//出队列
});
$("div").slideUp();
});
</script>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
