计时器上的Javascript背景色？

我是javascript的初学者。我已经搜索过了，我不明白为什么这个javascript代码

$(document).ready(function() {

  window.onload = function start(){

    changeBGColor();
  }

  function changeBGColor() {
    var colors = ["#ffccff", "#6666ff", "#ff5050", "#88ff4d"];
      var index = 0;
    window.setInterval(function() {
      if (index >= colors.length)
        index = 0; // reset back to first color
      $("body").css("background-color", colors[index]);
      index++;
    }, 1000);
  }

});

---

不是每秒钟都在改变网页的主体。我不知所措

它不起作用，因为它不是一个普通的JavaScript代码

这是一段代码，您需要在jQueryCDN的html中包含jQuery库

添加以下代码以包含它

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

它正在按预期工作。选中此复选框，给出codepenwindow的链接。在中不需要onload。ready（）删除

$（document）.ready（）

或

window.onload

。就我个人而言，我会删除

窗口。onload

我想出来了。由于某些原因，只有当我将changeBGColor直接输入window.onload时，它才起作用。您的权利，我不需要

窗口.onload

在

$（document.ready（）

中，对不起，忘了提到我正在使用带有jquery的codepen。