自从IOS加入夜间阅读后,很多网站也都逐渐添加了“日间/夜间模式”的小按钮用于切换网站CSS,增加阅读者的舒适环境,常见的还是以手动切换为主,今天主要分享一个通过代码实现自动判断白天还是黑夜来加载不同的CSS文件。
?php date_default_timezone_set('PRC'); //设定时区,PRC就是天朝 $hour = date('H'); if($hour <= 18 && $hour > 6){ //设定白天为早上7点到18点,晚上是19点到凌晨6点 echo '<link rel="stylesheet" href="https://www.lanka.com/style.css"/>'; }else{ echo '<link rel="stylesheet" href="https://www.lanka.com/night.css"/>'; } ?>
基本就是这样实现了,各位可以试试。
https://v3u.cn/a_id_114 这篇文章有提及,可以参考下。
大佬我要是指定一个CSS中的 .dark 部分如何操作?