Javascript在日期设置图像，否则隐藏div答案

【问题标题】：Javascript set image on date else hide divJavascript在日期设置图像，否则隐藏div
【发布时间】：2014-06-07 17:25:06
【问题描述】：

我需要在某个日期（不是星期几，而是某个日期，例如 8 月 18 日、8 月 25 日、9 月 3 日等）更改图像。

这是有问题的 div：

<div id="matchday">
    <img id="home" src="css/images/teams/home.png">
    <span class="verses">V</span>
    <img id="away" src="css/images/teams/away1.png">
</div>

我的目标是在比赛的已知日期将客场 img 更改为 away2.png、away3.png ... away20.png 等。

为了使事情复杂化，最好只在比赛日（用于设置图像的已知日期之一）显示 div，而不是使用默认的“离开”图像。

【问题讨论】：

您可能需要查看 JavaScript 的 Date 对象来解决此问题。

标签： javascript html css

【解决方案1】：

yourDay 是一个月中的一天 (1-31)，yourMonth 是一个月 (0-11)：

if(getDate()==yourDay && getMonth()==yourMonth){
document.getElementById("away").src="away93485989273958293.png" //any awayN.png you want
}

【讨论】：

谢谢，我沿着这条路线走，因为图像名称是由其他人生成的，并且可能会重新安排比赛，因此不必重新排序离开图像的列表，我可以使用团队名称（这是提供图像的方式）

【解决方案2】：

Javascript 有一个内置的 Date 对象，你可以像 var date = new Date() 这样使用它。要获得一个不错的教程，请查看：http://www.techrepublic.com/article/manipulate-time-and-date-values-with-javascripts-date-object/ 或使用优秀的库 Moment：http://momentjs.com/。然后方法是实例化一个日期对象； 'var date = new Date()' 并在 if / switch 语句中使用它来显示适当的内容。

【讨论】：

【解决方案3】：

   imgSrc= new Array();
    for(i=1;i<=20;i++) {
        imgSrc[i]=i+".png";  //Let the name of your image files be 1.png,2.png etc.
    }

if(getDate()==yourDay && getMonth()==yourMonth){
    document.getElementById("away").src=imgSrc[i];
}

基于nicael 的回答

【讨论】：

【解决方案4】：

你的 CSS 你应该有这样的东西：

#matchday {
   display: none,
   ...
}

使用 javascript 和 jquery：

$(document).ready(function(){

   //specify your date
   var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

   //compare current date with your selected date
   if($.now() == d.getTime()) {

      //display your div (use the proper value, the one you need to fit your design)
      $("#matchday").css("display", "block");
   }
});

【讨论】：