基于时间的特定背景

Specific Background based on time

本文关键字：背景 时间 于时间      更新时间：2023-09-26

在开始之前：

  • 是的，我用谷歌搜索并尝试了许多不同的解决方案，但它们不起作用。
  • 我对此的了解有限，所以做病人，不能独自做这件事。
  • 我说的网站：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>

请不要创建元素并使其变得超级复杂。您可以使用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)';

在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 背景

W3SCHOOLS CSS 图像背景

相关文章：