自己写了一个根据系统时间自动切换为夜间模式的小js,粘贴在页面内即可。

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


之前在别人的主题上看见过这个功能,第一感觉还不错,于是自己花了点时间写了一个出来。

如何实现?

给页面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是当前时间(Hours),如果时间在晚上十点到早上六点直接,便调用夜间主题css。

Code

<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>


如有bug或者更好的想法可以Email我
转载请注明出处:https://moeik.cn/2019/10/16/1.html