Поменять фон CSS + JS

[devarts]

В общем нужно поменять фон в зависимости от времени, в моем случаи на 14 минуте каждого часа показывать другое изображение. Я сделал это так, но отладчик пишет is null Где я делаю ошибку???

var m=new Date();
var time=m.getMinutes();
 
if (time == 14)
 {
document.getElementById('header').style.backgroundImage='url(/top1.jpg)';
 }
else
 {
document.getElementById('header').style.backgroundImage='url(/top2.jpg)';
 }

[antonM]

Я так понимаю нужно использовать setInterval и с интервалом 60000 проверять текущую минуту?

setInterval(function(){
   var m = new Date();
   var time = m.getMinutes();
   if (time == 14) {
      document.getElementById('header').style.backgroundImage='url(/top1.jpg)';
   } else {
      document.getElementById('header').style.backgroundImage='url(/top2.jpg)';
   }
}, 60000)

Но я думаю с помощью класса будет проще. Как то так (с интервалом 1 секунда)

[devarts]

antonM, точно спасибо, а как еще элементу header передать no-repeat ?
если так document.getElementById('header').style.background-repeat="no-repeat"; то ошибка invalid assignment left-hand side

[antonM]

Используйте классы - это проще. Пример смотрите в предыдущем посте под кодом ссылка.
Если очень хотите менять стиль через JS, тогда думаю такой код должен сработать:

document.getElementById("header").style.background = "#ffffff url(/top1.jpg) no-repeat";