停止jquery动画循环(函数和嵌套)
停止jquery动画循环(函数和嵌套)
提问于 2011-06-17 15:23:23
如何在用户交互时停止加载jquery动画？
$('#jqNav li a').click(function(){
if($(this).parent().is(".nav1")){ $('.landing .main .nav ul').css({ "background-position" : "0 -50px" });}
else if($(this).parent().is(".nav2")) { $('.landing .main .nav ul').css({ "background-position" : "0 -100px" });}
else if($(this).parent().is(".nav3")) { $('.landing .main .nav ul').css({ "background-position" : "0 -150px" });}
else if($(this).parent().is(".nav4")) { $('.landing .main .nav ul').css({ "background-position" : "0 -200px" });};
$page = $(this).attr('href');
var $hashTag = $(this).attr('name');
window.location = "#" + $hashTag;
loadData();
return false;
});这是用户点击功能；
function doReplay(){
$('body')
.fadeTo(0,1,function(){
$page = $welcome;
loadData();
})
.delay(1000)
.fadeTo(0,1,function(){
$page = $startup;
loadData();
})
.delay(1000)
.fadeTo(0,1,function(){
$page = $to2m;
loadData();
})
.delay(1000)
.fadeTo(0,1, function(){
$page = $to25m;
loadData();
setTimeout(function(){doReplay();},5000);
});
}上面是动画函数
我尝试过clearTimeout，但它似乎不起作用。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-06-17 18:47:58
var stopAnim;
$('#jqNav li a').click(function(){
...
stopAnim = true;
}
function doReplay(){
if(!stopAnim){
// do animation
}
}Stack Overflow用户
发布于 2011-06-17 16:10:02
您可以添加一个布尔值，以便在动画方法中进行检查。
if (!stopAnim) { setTimeout(function(){doReplay();},5000); }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6382602
复制相关文章
相似问题
腾讯云开发者
