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>

jQuery自动背景颜色过渡

1 个答案: