根据时间自动切换网页背景颜色或背景图片

文章最后更新时间:2025-09-10 00:23:51

图片[1]-根据时间自动切换网页背景颜色或背景图片-九二分享

 

本文通过 Date 对象的 getHours() 方法获得当前时间,然后根据不同的时间段来改变页面的背景颜色,当然也可以实现更改背景图片等操作,大家也可自行研究。直接将下面的代码放在页脚文件foot或者footer里面。

上面代码中time > 6 && time < 18为时间,指的是早上6点到晚上6点之间,可以自行修改时间。#fff222和#000为颜色代码,可以自行改修颜色。如果想换成图片的话就把上面的

#fff222和#000为颜色代码,可以自行改修颜色。
如果想换成图片的话就把上面的

替换成

document.body.style.backgroundImage="url('背景图片地址')";
 
© 版权声明
THE END
喜欢就支持一下吧
点赞0
评论 抢沙发

请登录后发表评论

    暂无评论内容