Javascript 使用jquery的animate（）方法更改背景颜色

我正在尝试使用jquery的jquery动画功能更改身体的背景。我想做的是用动画随机改变背景色

 $(document).ready(function() {
  $.ajaxSetup({ cache: false });
 $.getJSON("https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
  $("#text").append(a[0].content + "<p>— " + a[0].title + "</p>")});
});

var myarray = ['#FFC300','#FF5733','#C70039','#B5FF33',
 '#22D697','#72EEC3'];

  $("#button1").click(function(){
    $('#text').empty();
     var rand = myarray[Math.floor(Math.random() * myarray.length)];
     $("body").animate({background:rand},1000);
    $.getJSON("https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
  $("#text").append(a[0].content + "<p>— " + a[0].title + "</p>")
});

   }); 

此线路未按预期工作。但是如果我把这条线改成

$("body").css("background",rand);

它正在工作。我们可以同时使用jquery的animate和CSS属性吗？ 这是完整的代码

---

单击GetNewQuote查看我所指的效果

你需要一个特殊的插件。谷歌。在谷歌上搜索比在这里询问要容易得多

$("body").css("background",rand);