在基于 PC 时间的 DIV 上添加类

Adding a CLASS on a DIV based off PC time

本文关键字:DIV 添加 时间 PC      更新时间:2023-09-26

我应该开始,我只是JQuery的新手,但我试图解决一些在在线教程的帮助下能够完成一半的事情。我需要在一定时间内向div 添加一个类,这是我通过使用 getHours() 能够实现的,但我实际上需要能够将时间指定为 8:30 到 8:45,而不仅仅是 8:00 到 9:00。以下是我到目前为止的代码。有人有时间帮忙吗?谢谢!如您所见,我尝试了 9.48,但失败了,但它仅适用于 9 &&n <19。

<script type="text/javascript">
function applyclass() {
    var d = new Date();
    var n = d.getHours();
    if (n > 19) $('body').addClass('night');
    else if (n > 9.48 && n < 19) $('#one').addClass('sunset');
}
$(function () {
    applyclass();
});
</script>

使用 d.getMinutes() 获取分钟数。

function applyclass() {
  var d = new Date();
  var n = d.getHours();
  var m = d.getMinutes();
  alert(m)
  if (n > 19 && m >= 30 && m <= 45 )
    $('body').addClass('night');
  else if (n > 9 && n < 19)
    $('#one').addClass('sunset');
}
$(function() {
  applyclass();
});