jQuery 自动背景颜色转换

Question

我尝试了很多方法，我发现它对我来说非常简单，但有一件事我想不通。自动更改背景效果很好，但发生得非常快。我想知道是否有一种解决方案可以让它缓慢过渡，现在它非常尖锐且不友好。

<script>

$("body").css("transition","all 3s");
var colors = ["#c11733","#c0392b","#66cc99","#27ae60","#745380"];
function changeBgColor(){
   $("body").css({
        backgroundColor : colors[parseInt(Math.random() * 3)]
      });
}
//changeBgColor();
setInterval(changeBgColor, 3000);

</script>

Answer 1

用以下代码包装您的代码:

<script>
    ( function($) {
        $(document).ready( function() {
            /* My jQuery Code */
        } );
    } ) ( jQuery );
</script>