首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >停止jquery动画循环(函数和嵌套)

停止jquery动画循环(函数和嵌套)
EN

Stack Overflow用户
提问于 2011-06-17 15:23:23
回答 2查看 1.5K关注 0票数 0

如何在用户交互时停止加载jquery动画?

代码语言:javascript
复制
    $('#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;
});

这是用户点击功能;

代码语言:javascript
复制
    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,但它似乎不起作用。

EN

Stack Overflow用户

发布于 2011-06-17 16:10:02

您可以添加一个布尔值,以便在动画方法中进行检查。

代码语言:javascript
复制
if (!stopAnim) { setTimeout(function(){doReplay();},5000); }
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6382602

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档