求助怎么把夜间模式设置成默认模式啊

暗涌K · 发表于 2024-6-3 22:48

求助怎么把夜间模式设置成默认模式啊需要打开就是夜间模式

<script>
//夜间模式
(function(){
if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
      if(new Date().getHours() > 20 || new Date().getHours() < 8){
         document.body.classList.remove('io-black-mode');
         document.body.classList.add('io-grey-mode');
         document.cookie = "night=1;path=/";
         console.log('夜间模式开启');
      }else{
         document.body.classList.remove('night');
         document.cookie = "night=1;path=/";
         console.log('夜间模式关闭');
      }
}else{
      var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
      if(night == '0'){
         document.body.classList.remove('night');
      }else if(night == '1'){
         document.body.classList.add('night');
      }
}
})();
//夜间模式切换
function switchNightMode(){
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
if(night == '0'){
      document.body.classList.remove('io-grey-mode');
      document.body.classList.add('io-black-mode');
      document.cookie = "night=1;path=/"
      console.log(' ');
      $(".switch-dark-mode").attr("data-original-title","日间模式");
      $(".mode-ico").removeClass("icon-night");
      $(".mode-ico").addClass("icon-light");
}else{
      document.body.classList.remove('io-black-mode');
      document.body.classList.add('io-grey-mode');
      document.cookie = "night=0;path=/"
      console.log(' ');
      $(".switch-dark-mode").attr("data-original-title","夜间模式");
      $(".mode-ico").removeClass("icon-light");
      $(".mode-ico").addClass("icon-night");
}
}

</script>

pxhzai · 发表于 2024-6-3 22:48

[JavaScript] 纯文本查看 复制代码

<script>
// 夜间模式
(function(){
    // 默认开启夜间模式
    document.body.classList.remove('io-grey-mode');
    document.body.classList.add('io-black-mode');
    document.cookie = "night=1;path=/";
    console.log('夜间模式开启');

    // 根据cookie判断是否需要切换夜间模式
    var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '1';
    if(night == '0'){
        document.body.classList.remove('io-black-mode');
        document.body.classList.add('io-grey-mode');
    }else if(night == '1'){
        document.body.classList.remove('io-grey-mode');
        document.body.classList.add('io-black-mode');
    }
})();

// 夜间模式切换
function switchNightMode(){
    var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '1';
    if(night == '0'){
        document.body.classList.remove('io-grey-mode');
        document.body.classList.add('io-black-mode');
        document.cookie = "night=1;path=/"
        console.log('夜间模式开启');
        $(".switch-dark-mode").attr("data-original-title","日间模式");
        $(".mode-ico").removeClass("icon-night");
        $(".mode-ico").addClass("icon-light");
    }else{
        document.body.classList.remove('io-black-mode');
        document.body.classList.add('io-grey-mode');
        document.cookie = "night=0;path=/"
        console.log('夜间模式关闭');
        $(".switch-dark-mode").attr("data-original-title","夜间模式");
        $(".mode-ico").removeClass("icon-light");
        $(".mode-ico").addClass("icon-night");
    }
}
</script>

pxhzai · 发表于 2024-6-3 23:27

要将夜间模式设置为默认模式，您需要在页面加载时自动将夜间模式开启。可以通过修改现有的脚本，确保在页面加载时默认启用夜间模式。下面是修改后的脚本：

```javascript
<script>
// 夜间模式
(function(){
// 默认开启夜间模式
document.body.classList.remove('io-grey-mode');
document.body.classList.add('io-black-mode');
document.cookie = "night=1;path=/";
console.log('夜间模式开启');

// 根据cookie判断是否需要切换夜间模式
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '1';
if(night == '0'){
      document.body.classList.remove('io-black-mode');
      document.body.classList.add('io-grey-mode');
}else if(night == '1'){
      document.body.classList.remove('io-grey-mode');
      document.body.classList.add('io-black-mode');
}
})();

// 夜间模式切换
function switchNightMode(){
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '1';
if(night == '0'){
      document.body.classList.remove('io-grey-mode');
      document.body.classList.add('io-black-mode');
      document.cookie = "night=1;path=/"
      console.log('夜间模式开启');
      $(".switch-dark-mode").attr("data-original-title","日间模式");
      $(".mode-ico").removeClass("icon-night");
      $(".mode-ico").addClass("icon-light");
}else{
      document.body.classList.remove('io-black-mode');
      document.body.classList.add('io-grey-mode');
      document.cookie = "night=0;path=/"
      console.log('夜间模式关闭');
      $(".switch-dark-mode").attr("data-original-title","夜间模式");
      $(".mode-ico").removeClass("icon-light");
      $(".mode-ico").addClass("icon-night");
}
}
</script>
```

修改后的脚本在页面加载时自动将夜间模式设置为开启，并通过cookie记录用户的模式选择。当用户切换模式时，cookie值会相应更新以便在下一次加载页面时应用正确的模式。

帐号		自动登录	找回密码
密码			注册[Register]

[其他求助] 求助怎么把夜间模式设置成默认模式啊

最佳答案