Конкретной фона в зависимости от времени

Question

перед стартом:

• да, я гугл и судимые много различных решений, но они не делали работу.
• У меня ограниченные знания об этом, так что будьте пациентами, не можете делать это в одиночку.
• На сайте я говорю: http://animevid-main.webflow.com/

CUT

Так, в принципе, я прошу вас, если вы могли бы мне помочь адаптировать этот код, чтобы изменить фоновое изображение DIV «blur_background» вместо изменения цвета на задний план. Других решений приветствуются, надеются решить эту проблему :)

EDIT: Вот что я судимый, похожий на ваш:

<script type="text/javascript"> 
    var currentTime = new Date().getHours(); 
    if(5 < currentTime && currentTime < 18){ 
      document.getElementsByClassName("blur_background")[0].style.background-image = 'http://adventureofucm.com/OtherSites/Day_Time_Background/imperial_boy_2800x1600_wallpap_2800x1600_.jpg'; 
    } 
else{ 
      document.getElementsByClassName("blur_background")[0].style.background-image = 'http://adventureofucm.com/OtherSites/Day_Time_Background/1245989002801.jpg'; 
    } 
</script> 

Answer 1

В CSS вы можете использовать background-image: url("[YOUR IMAGE URL HERE]") изменить фон для изображения

в вашем случае, вы можете изменить цвет фона, когда это 18-19 ночью, как это:

//18-19 night 
if (hours > 17 && hours < 20){ 
     document.write('body{background-image: url("[YOUR IMAGE URL HERE]"); color:#FFFFFF;} a{color: yellow !important}') 
} 

Здесь ар е ресурсы, чтобы помочь вам с другими вариантами в изменении фона элемента:

W3SCHOOLS css background

W3SCHOOLS css image background

Answer 2

Пожалуйста, не создавать элементы и сделать его супер сложным. Вы можете установить стили элементов, используя сам javascript, например:

document.getElementsByClassName("blur_background")[0].style.backgroundColor ='red' 

изменит цвет на красный для вашего div.

Попробуйте использовать этот код на своем веб-сайте, и он меняет цвет фона. Таким образом, вы можете условно вызвать это утверждение вместо document.write

UPDATE: Для того, чтобы установить фоновый образ использовать этот

document.getElementsByClassName("blur_background")[0].style.backgroundImage = 'url(http://adventureofucm.com/OtherSites/Day_Time_Background/imperial_boy_2800x1600_wallpap_2800x1600_.jpg)';