根据时间自动切换网页背景颜色或图片代码
![](https://q-sen.cn/wp-content/uploads/2023/12/image-110.png)
有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖。
本文通过 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.backgroundImage=\"url(\'背景图片地址\')\";
微信扫描下方的二维码阅读本文
版权声明:
作者:admin
链接:https://q-sen.cn/%e6%ba%90%e7%a0%81/%e6%a0%b9%e6%8d%ae%e6%97%b6%e9%97%b4%e8%87%aa%e5%8a%a8%e5%88%87%e6%8d%a2%e7%bd%91%e9%a1%b5%e8%83%8c%e6%99%af%e9%a2%9c%e8%89%b2%e6%88%96%e5%9b%be%e7%89%87%e4%bb%a3%e7%a0%81/.html
来源:小全资源网
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论