ex13-03-4

この背景色が変わります。

ソース

setInterval(function() { /* 500ミリ秒ごとに第1引数の関数を呼び出す */
   document.querySelector('.rainbow')
      .style['background-color'] = getNextRainbowColor();
}, 500); /* 500が第2引数 */

const getNextRainbowColor = (function() {
  const colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];
  let colorIndex = -1;
  return function() {
    if(++colorIndex >= colors.length) colorIndex = 0;
    return colors[colorIndex];
  };
})();