javascript - 基于时间的特定背景

Question

开始之前:

• 是的，我在 Google 上搜索并尝试了许多不同的解决方案，但都不起作用。
• 我对此的了解有限，所以要有耐心，不能独自完成这件事。
• 我正在谈论的网站:http://animevid-main.webflow.com/

剪切

所以，基本上我问你是否可以帮助我调整这段代码来更改 div“blur_background”的背景图像，而不是更改主体背景的颜色。欢迎其他解决方案，希望能解决这个问题:)

编辑:这就是我尝试过的，类似于你的:

<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

请不要创建元素并使其变得 super 复杂。您可以使用 javascript 本身设置元素的样式，例如:

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

会将您的 div 的颜色更改为红色。

在您的网站中尝试该代码，它会更改背景颜色。所以你可以有条件地触发这个语句而不是document.write

更新:要设置背景图像，请使用此

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