javascript - 我怎样才能使它成为一个更好的递归动画 jQuery 脚本？

Question

想法是为云 div 设置动画，并让它永久地水平来回动画。这可行，但不幸的是我认为它容易出现内存泄漏和 UI 滞后。任何建议将不胜感激，谢谢。

function animateCloud() {
    $('#cloud').animate({ right: '+=500' }, { duration: 35000, easing: "linear", queue: true });
    animateOpposite();
}

function animateOpposite() {
    $('#cloud').animate({ right: '-=500' }, { duration: 35000, easing: "linear", queue: true });
    animateCloud();
}

$(document).ready(function() {
    animateCloud();
});

Answer 1

我认为您的代码根本不会泄漏内存，但您可以缩短调用时间。

function animateCloud() {
    $('#cloud').animate({ right: '+=500' }, { duration: 35000, easing: "linear" })
               .animate({ right: '-=500' }, { duration: 35000, easing: "linear", complete: animateCloud });
}

示例:http://www.jsfiddle.net/bh3f4/