javascript - jQuery动画失败

Question

加载消息的动画由 JQuery 完成。当页面即将被重定向到另一个页面时，会显示加载消息。这里动画的作用是增加DIV元素的宽度。
$('#loading').css({"width:":value});

上面，'value' 通过 增加setInnterval()，我的问题是，当页面要重定向到另一个页面时（一段时间为 4 ,5 秒），动画不会发生。任何人都让我知道为什么会发生这种情况以及如何避免这种情况？

Answer 1

为什么不使用内置的 jQuery animate 而不是您自己的setInterval？

$('#loading').animate({ width: finalValue });

你只需要告诉它你想要的最终宽度是多少。

Answer 2

您需要显示代码的更多细节，基本上重定向可能发生在动画之前，您可以观看该值，然后当该值达到最大值时，进行重定向。

var value = 0;
var timer = setInterval(function(){
    if(value >= someValue){
        clearInterval(timer);
        location.href = 'someURL';
    }else{
        $('#loading').css('width', value++);
    }
});

还没有测试。