javascript - 用时刻 js 编写条件
问题描述
很难找到有关如何执行此操作的答案。
date.text("Today's date is: " + moment().format("dddd MMM Do YY, h:mm a"));
是我用来在页面上显示当前时间的。我的目标是根据一天中的时间更改一些 CSS。我找不到一个很好的例子来说明如何做到这一点。理想情况下,如果在下午 1 点之后,CSS 会发生变化。
解决方案
const now = new Date();
const hours = now.getHours();
const span = document.querySelector("span");
let color;
if (hours > 6)
color = "red";
else if (hours > 12)
color = "yellow";
else if (hours > 16)
color = "blue";
else color = "green";
span.innerHTML = now.toDateString(); // you can use moment here or anything
span.style.color = color;
<div>
Today's date is: <span></span>
</div>
或者您可以使用具有样式的类并将这些类分配给元素。希望这对您来说很清楚。
推荐阅读
- electron - 如何获取正在运行的浏览器进程并获取电子 JS 中的当前活动 url?
- amazon-web-services - Terraform - 为变量指定多个可能的值
- c++ - Media Foundation 中如何支持多 GPU 系统?
- javascript - 如何获取打开工作表以在工作表上运行其他脚本的 Google Web App 脚本
- listview - TListView OwnerData OnData 事件是否泄漏内存?
- django - 找不到带有关键字参数(后跟argumentmnt列表)的'password_reset_confirm'的反向
- python - 我将如何在这个脚本中实现一个循环?
- twitter-bootstrap - 引导表宽度似乎有所不同
- javascript - 单击菜单项时如何切换菜单容器
- xamarin - Xamarin.iOS 未处理的崩溃