javascript - 如何使用 javascript/jquery 按数组顺序更改网站背景?

标签 javascript jquery css arrays background-color

<分区>

我也希望它按顺序改变颜色。该函数应该能够在每个特定的毫秒内更改给定数组中的背景颜色。背景将为蓝色,1 秒后为黄色,1 秒后为粉红色......直到颜色数组结束。

bg_changer(colors_TO_change_In_Sequence , 1000);

   var colors_TO_change_In_Sequence = ["blue", "yellow", "pink", "black", "white", "green", "purple", "red", "orange"];

    function bg_changer( color_array , millisecond) {
      $(body).css("background-color", color_array[i]   );
    }

最佳答案

您可以使用 setInterval() 用于函数或重复执行代码片段,每次调用该函数之间有固定的时间延迟。

var colors_TO_change_In_Sequence = ["blue", "yellow", "pink", "black", "white", "green", "purple", "red", "orange"];
bg_changer(colors_TO_change_In_Sequence, 1000);

function bg_changer(color_array, millisecond) {
  var i = 0;
  setInterval(function() {
    $('#change').css("background-color", color_array[(i++) % color_array.length]);
  }, millisecond);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="change">Change color</div>

关于javascript - 如何使用 javascript/jquery 按数组顺序更改网站背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32379639/

相关文章:

css - 有没有办法让 Blueprint CSS 网格变得流畅?

javascript - 如何在 webpack 中指定解析器依赖项?

javascript - 旧版 FBJS 导致错误

javascript - Chrome 扩展程序会重定向每一帧

javascript - JavaScript 中的可点击事件以显示图像

javascript - JQuery 的 LavaLamp,初始状态

javascript - InArray 无法识别 this.value 但可以识别普通数字

javascript - 使用 jQuery 的 DOM 元素的非深拷贝

HTML 电子邮件定位

jquery - div溢出时的分页