停止jquery动画循环（函数和嵌套）

Question

我将如何停止从用户交互加载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但似乎并没有工作。

Answer 1

var stopAnim; 
$('#jqNav li a').click(function(){ 
    ... 

    stopAnim = true; 
} 

function doReplay(){ 

    if(!stopAnim){ 
     // do animation 
    } 
} 

Answer 2

你可以添加一个布尔值，你可以在你的动画方法中检查。

if (!stopAnim) { setTimeout(function(){doReplay();},5000); }