jQuery自动背景颜色转换答案

【问题标题】：jQuery auto background color transitionjQuery自动背景颜色转换
【发布时间】：2016-06-19 09:34:51
【问题描述】：

我尝试了很多方法，我发现它对我来说非常简单，但有一件事我无法弄清楚。自动更改背景效果很好，但发生得非常快。我想知道有没有办法让它变得缓慢过渡，现在它非常锐利且不友好。

<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>

【问题讨论】：

尽可能的圆润！ jsfiddle.net/8mLh8gxy
您使用的是什么浏览器？你可能需要前缀。
尝试将-webkit- 前缀添加到您的转换中
$("body").css("-webkit-transition","all 3s");
如果这对你不起作用，那么你有一些其他代码弄乱了这个？因为，它也适合我。例如，也许你有 'transition: none !important;'附在身体上的其他地方。

标签： jquery html css transition

【解决方案1】：

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

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

【讨论】：