Javascript 在用户';处根据白天和夜间在2个背景图像之间切换;终点

Javascript 在用户';处根据白天和夜间在2个背景图像之间切换;终点,javascript,html,time,background,frontend,Javascript,Html,Time,Background,Frontend,我有一个网页,我想在其中的背景图像被改变取决于用户的白天和黑夜时间。这可能吗?如果是这样的话,你能举一个JavaScript代码这样的例子吗?如果不是,如果白天和晚上的时间取决于一个地点(城市),JS代码会是什么样子?谢谢你的建议。 另外,我没有包括我的代码,因为网页背景有一个简单的HTML代码作为图像背景。我认为最简单的方法是获取用户的时区,然后选择一个切换时间。比如说,晚上8:30 我认为最简单的方法是获取用户的时区,然后选择一个切换时间。比如说,晚上8:30 与依赖时区相比,更准确的替代方

我有一个网页,我想在其中的背景图像被改变取决于用户的白天和黑夜时间。这可能吗?如果是这样的话,你能举一个JavaScript代码这样的例子吗?如果不是,如果白天和晚上的时间取决于一个地点(城市),JS代码会是什么样子?谢谢你的建议。
另外,我没有包括我的代码,因为网页背景有一个简单的HTML代码作为图像背景。

我认为最简单的方法是获取用户的时区,然后选择一个切换时间。比如说,晚上8:30

我认为最简单的方法是获取用户的时区,然后选择一个切换时间。比如说,晚上8:30

与依赖时区相比,更准确的替代方法是使用“定位用户”并使用服务获取该位置的日出和日落


无论是通过API服务,例如,还是通过您自己的服务器端实现,例如使用php和函数。

比依赖时区更准确的替代方法是使用“定位用户”并使用服务获取该位置的日出和日落

可以通过API服务,例如,也可以通过自己的服务器端实现,例如使用php和函数。

var now=newdate();
如果(now.getHours()>6&&now.getHours()<20){
document.body.className+=“天”;
}否则{
document.body.className+=“夜间”;
}
.day{
背景图像:url(“https://images.pexels.com/photos/125457/pexels-photo-125457.jpeg?cs=srgb&dl=blue-sky-bright-clouds-125457.jpg&fm=jpg“;
背景大小:100%;
}
.晚上{
背景图像:url(“https://media.treehugger.com/assets/images/2016/06/milkyway.jpg.860x0_q70_crop-scale.jpg");
背景大小:100%;
}
var now=newdate();
如果(now.getHours()>6&&now.getHours()<20){
document.body.className+=“天”;
}否则{
document.body.className+=“夜间”;
}
.day{
背景图像:url(“https://images.pexels.com/photos/125457/pexels-photo-125457.jpeg?cs=srgb&dl=blue-sky-bright-clouds-125457.jpg&fm=jpg“;
背景大小:100%;
}
.晚上{
背景图像:url(“https://media.treehugger.com/assets/images/2016/06/milkyway.jpg.860x0_q70_crop-scale.jpg");
背景大小:100%;

}
请阅读关于在SO上应询问的问题类型。请注意,Stackoverflow不是一种编码服务,因此不太可能有人会在不付出任何努力的情况下为您提供一个工作代码。请阅读关于如何提问的内容。请注意,Stackoverflow不是一个编码服务,因此不太可能有人会在不付出任何努力的情况下为您提供一个工作代码。我实际上没有考虑过这个选项-谢谢:)我实际上没有考虑过这个选项-谢谢:)听起来更复杂,但这正是我想要的。谢谢摩羯座听起来更复杂,但这正是我想要的。谢谢摩羯座,酷。感谢Aplet123分享代码和解释。酷。感谢Aplet123分享代码和解释。