使用javascript按周、日和时间设置背景图像

我使用以下javascript根据一天中的时间显示不同的图像：

$(document).ready(function(){
var d = new Date();
var n = d.getHours();
if (n > 19 || n < 6)
  // If time is after 7PM or before 6AM, apply night theme to ‘body’
  document.body.className = "night";
else if (n > 16 && n < 19)
  // If time is between 4PM – 7PM sunset theme to ‘body’
  document.body.className = "sunset";
else
  // Else use ‘day’ theme
  document.body.className = "day";
});

任何能帮忙的人都将不胜感激

---

谢谢

根据一天中的时间使用此脚本更改图片或横幅。非常简单易用

源代码：

将此源代码粘贴到指定区域

外部文件：

将此代码粘贴到名为timePictureChange.js的外部JavaScript文件中

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Anonymous | http://musikimiz.googlepages.comLicensed under: Creative Commons License
 */

function pixTimeChange() {
  var t=new Date();
  var h = t.getHours();
  var r1="pic1.gif";
  var r2="pic2.gif";
  var el=document.getElementById('myimage');

  // See the time below. Note: The time is in 24 hour format.
  // In the example here, "7" = 7 AM; "17" =5PM.
  el.src = (h>=7 && h<17) ? r1 : r2;
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  pixTimeChange();
});

头

将此代码粘贴到HTML文档的标题部分

<script type="text/javascript" src="timePictureChange.js"></script>

<img src="" id="myimage" alt="time of day">

身体

将此代码粘贴到HTML文档的正文部分

<script type="text/javascript" src="timePictureChange.js"></script>

<img src="" id="myimage" alt="time of day">

---

希望这有帮助…

您可以使用指定的日期/时间创建日期对象，例如var d=新日期'June 18，2011 21:00:00'；然后，当页面加载时，您可以将当前日期与指定日期进行比较：

var d = new Date('September 25, 2014 23:23:00');
var current = new Date();
if(current > d) {
    document.getElementById("imageID").src = "newImage.png";
}

---

你可以在这里看到一个例子。注释掉第一行，在第二行中注释，以查看未来日期和过去日期的差异。

在代码中没有括号

然后根据日期修改您的范围

$(document).ready(function () {

    var d = new Date();
    var weekday = new Array(7);
    weekday[0]=  "Sunday";
    weekday[1] = "Monday";
    weekday[2] = "Tuesday";
    weekday[3] = "Wednesday";
    weekday[4] = "Thursday";
    weekday[5] = "Friday";
    weekday[6] = "Saturday";

    var day = weekday[d.getDay()];


        var n = d.getHours();



        if ((n > 19 || n < 6)&&(day==1))  {
          // If time is after 7PM or before 6AM, apply night theme to ‘body’
        ;
          document.body.className = "night";
        }
        else if (n > 16 && n < 19){
          // If time is between 4PM – 7PM sunset theme to ‘body’

           document.body.className = "sunset";
        }
        else{

          // Else use ‘day’ theme
           document.body.className = "day";
        }
    });

---

您好E11数字多媒体服务。不幸的是，这不是我正在寻找的解决方案。我不想定义具体日期，即2014年9月25日23:23:00。我需要它知道是否是星期一、星期二……然后从我的javascript中查看时间，然后选择要显示的图像。你可能会有不同的想法。您是否能够使用代码笔，并向我展示如何在我的原始javascript中实现它，因为它们将非常有用。