简单的Joe主题自动切换日夜间模式JS代码
圆弧派博客 - 专注于网络技术

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

青帝
2023-07-02 / 0 评论 / 151 阅读 / 正在检测是否收录...
由于我最近给夜间模式美化了很多特效 表情 arcyejian.gif希望更多的人能够在晚上看到这些,故自己基于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");
  }
});

评论 (0)

语录
取消