根据时间段来自动切换网页背景颜色或图片背景天亦网2年前更新关注私信0590 有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖。 本文通过 Date 对象的 getHours() 方法获得当前时间,然后根据不同的时间段来改变页面的背景颜色,当然也可以实现更改背景图片等操作,大家也可自行研究。 直接将下面的代码放在页脚文件 foot 或者 footer 里面 <script type="text/javascript"> function changeBg(){ var date = new Date(), time = date.getHours(); if(time > 6 && time < 18){ document.body.style.backgroundColor="#fff222";} else{ document.body.style.backgroundColor="#000";} } changeBg(); </script> 上面代码中 time > 6 && time < 18 为时间,指的是早上6点到晚上6点之间,可以自行修改时间。 上面#fff222和#000为颜色代码,可以自行改修颜色。 如果想换成图片的话就把上面的 document.body.style.backgroundColor="#fff222"; document.body.style.backgroundColor="#000"; 替换成下面的代码 document.body.style.backgroundImage="url('背景图片地址')"; 温馨提示:本文最后更新于2023-03-18 17:31:17,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长。 © 版权声明文章版权归作者所有,未经允许请勿转载。 一月 10 知岛上的今时往日 2024:截图神器ShareX 全功能截图 v14.1.0 便携版 | 附图床配置 (0)2024:800组PR转场预设特效 优质剪辑资源 (0)2024:HTML动态会跳舞的网址引导页源码分享 (0) THE END教程之家# 背景 喜欢就支持一下吧点赞0赞赏 分享QQ空间微博QQ好友海报分享复制链接收藏