前言

不少网站/博客都会有一个“日间/夜间模式”的小按钮用于切换网站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.ryongyon.com/style.css"/>';
}else{
echo '<link rel="stylesheet" href="https://www.ryongyon.com/night.css"/>';
}
?>

<font color=#aaa>代码来自 Ben's Lab</font>

效果演示

白天

日间

晚上

夜间