Как сменить фон у DIV через определённый промежуток времени?

Здравствуйте, нужно написать код JS, который будет менять фон DIV'а каждый раз через промежуток времени. По возможности, нужен готовый пример или код, чтобы я мог разобраться.
  • Вопрос задан
  • 3598 просмотров
Решения вопроса 1
Вот по быстрому накидал:
HTML:
<div class="wrapper"></div>
CSS:
body,html {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  height: 100%;
  transition: background 1s;
  background: none;
}

JS:
(function (w, d) {
	w.onload = function () {
		var wp = d.querySelector('.wrapper'),
        colors = ['yellow', 'red', 'green', 'blue'],
        ln = colors.length;
    
    var changeColor = function (i) {
      if (i < ln) {
        setTimeout(function () {
          wp.style.cssText = "background: " + colors[i] +";"; 
          i++;
          changeColor(i);
        }, 2000);
      } else {
        changeColor(0);
      }
    };
    
    changeColor(0);
  };
}(window, document));

Это на чистом js, его легко можно заменить на jQuery.
Рабочий пример.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы