由于我最近给夜间模式美化了很多特效 希望更多的人能够在晚上看到这些,故自己基于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");
}
});
如果当前时间在晚上8点到早上6点之间(包括8点但不包括6点),就会执行if语句块内的代码。if语句这部分代码是我根据右边的日/夜间模式切换按钮扒出来的
评论 (0)