• 注册
  • 网络技术 网络技术 关注:47 内容:321

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

  • 查看作者
  • 打赏作者
  • 当前位置: 七七博客 > 网络技术 > 正文
    • 网络技术
    • Lv.13
      VIP1

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

      通过 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('背景图片地址')";

      请登录之后再进行评论

      登录
    • 任务系统
    • 帖子间隔 侧栏位置: