js 实现根据时间切换夜间模式

4月82021

作者：傅令江发布：2021-4-8 15:45 分类：js 阅读：3040次评论：0条

给页面 css 链接设置一个 id，如：

				<link rel=“stylesheet” type=“text/css” href=“css/1.css” id=“css”>
			

使用new Date().getHours()函数获取当前系统时间，设置 if 条件语句，如果时间等于或在某个范围内，就使页面调用不同的 css 文件，从而使外观样式发生改变。

				if (t >= 22 && t <= 6 || t === 22)
			

这里的 t 是当前时间（小时），如果时间在晚上十点到早上六点直接，便调用夜间主题 css。

	<script>
	function time(){
	var t = new Date().getHours();
	if (t >= 22 && t <= 6 \|\| t === 22){
	var obj = document.getElementById(“css”);
	obj.setAttribute(“href”,“2.css”);
	}
	}
	</script>

木有头像就木JJ啦！还木有头像吗？点这里申请属于你的个性Gravatar头像吧！