gpt4 book ai didi

javascript - 如何使用 JavaScript 根据时间更改 CSS

转载 作者:太空宇宙 更新时间:2023-11-04 09:58:46 24 4
gpt4 key购买 nike

有没有办法根据一天中的特定时间(时钟)更改 background-color 属性或任何 CSS 属性?

例如:对于 (9:00 - 12:00) 背景颜色应该是绿色,从 12:00 - 15:00 是红色等等。我不知道仅使用 javascript 或 php 是否可行。我试过一些时间间隔,但每次刷新页面时间隔都会重置。

注意: 假设我在 9:00 打开页面(我看到绿色背景)然后关闭它。如果我在 11:00 再次打开它,页面应该仍然是绿色的。

这是我的 HTML

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style>
.timeDep {
width:200px;
height:200px;
background-color: #eee;
margin: 50px auto 0 auto;
}
</style>
</head>
<body>
<script>
$(function(){
//Code
});
</script>

<div class='timeDep'></div>
</body>
</html>

有什么想法吗?

提前致谢!

最佳答案

Javascript 将是一个简单的解决方案。只需要获取当前时间并根据时间设置背景颜色即可。

var d = new Date();
var currHour = d.getHours();
if (currHour >= 9 && currHour <= 12) {
document.body.style.backgroundColor = "green";
} else if (currHour > 12 && currHour < 17) {
document.body.style.backgroundColor = "red";
}

关于javascript - 如何使用 JavaScript 根据时间更改 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38493532/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com