简单的Joe主题自动切换日夜间模式JS代码

由于我最近给夜间模式美化了很多特效 :@(高兴) 希望更多的人能够在晚上看到这些，故自己基于Joe的夜间模式按钮写了一个自动根据时间判断进入日/夜间模式的代码

为了实现的效果：每天6~20点默认主题为?日间模式，20~6点为?夜间模式

最终版JS代码

document.addEventListener("DOMContentLoaded", function () {
  var now = new Date();
  var hour = now.getHours();
  if (hour >= 20 || hour < 6) {
    $(".joe_action_item.mode .icon-1").addClass("active");
    $(".joe_action_item.mode .icon-2").removeClass("active");
    $("html").attr("data-night", "night");
    localStorage.setItem("data-night", "night");
  } else {
    $(".joe_action_item.mode .icon-1").removeClass("active");
    $(".joe_action_item.mode .icon-2").addClass("active");
    $("html").removeAttr("data-night");
    localStorage.removeItem("data-night");
  }
});

{card-default label="? 原理：" width=""}
创建一个事件监听函数，它会在网页的DOM内容加载完成后执行。具体来说，它会获取当前时间，并根据时间判断是否处于夜间模式。

如果当前时间在晚上8点到早上6点之间（包括8点但不包括6点），就会执行if语句块内的代码。if语句这部分代码是我根据右边的日/夜间模式切换按钮扒出来的
{/card-default}