如何使jquery无限动画?

前端之家收集整理的这篇文章主要介绍了如何使jquery无限动画?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图用无限循环来实现一个jQuery函数,用3种颜色来动画化身体背景。我不能想到一个漂亮干净的解决方案。
这样的东西
$(document).ready(function(){                
     $('body').animate({backgroundColor:'#ffcc00'},500,function(){
        $('body').animate({backgroundColor:'#eeeeee'},function(){
           $('body').animate({backgroundColor:'#3b5998'},500);
       });
   });
});

任何想法?

解决方法

你可以消除嵌套,但解决方案有点胖:
var cols = "#ffcc00,#eeeeee,#3b5998".split(",")
var cPos = 0

$(document).ready(function() {
   swapC()
}    

function swapC() {
    $('body').animate({ backgroundColor:cols[cPos] },500)
    cPos++
    if (cPos == cols.length) {
        cPos = 0
    }
    window.setTimeout(function() { swapC() },500)
}

猜你在找的jQuery相关文章