页面背景根据时段变换图片或者颜色源代码


本文通过 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('https://p5.qhimg.com/bdm/0_0_100/t01f63442dcefd80511.jpg')";

声明:GhostKylin‘S BLOG|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 页面背景根据时段变换图片或者颜色源代码


你好!世界!XladminShell箱子仅供个人学习使用务必遵守《网络安全法》