javascript - 如果今天是当天，则打开叠加层

Question

我正在制作圣诞日历，并且我有一个叠加层，如果日期是 2013 年 12 月 13 日之前，它应该打开，否则它应该提醒距离可用的天数。我尝试了很多不同的方法，但无法使其发挥作用。

如果日期是某事，则应显示以下内容:

       <!-- overlayed element, which is styled with external stylesheet -->
       <div class="apple_overlay black" id="photo1">
       <img src="images/onecom.png" alt="onecom" width="496" height="496" />
       <div class="details">
        <h2>December 1st</h2>
         <p>
          Some script that does something
         </p>
        </div>
        </div>

我尝试过的

function dooropen(door) {
    today=new Date(); 
    daynow=today.getDate(); 
    monthnow=today.getMonth();
    if (monthnow!=11 && monthnow!=0) {
        alert("This feature opens in December. Please come back then."); 
        return false;
    } 
    if (daynow==door-1) {
        alert("Come back tomorrow to see what's behind that door!");
        return false;
    }
    if (door>daynow) {
        alert("You\'ll have to wait "+(door-daynow)+" days before that door's available!"); 
        return false;
    }
}

Answer 1

这可能有效，因为我可以看到，由于您使用的是数字 ID id="photo1">，所以该月的每一天您可能都有不同的 div，所以你可以尝试获取日期:

    var today = new Date();
    var dd = today.getDate() + 1;
    var mm = today.getMonth() + 1;

之后获取所有 div 的主要父级并将其放入 jquery 对象中:

var $number_of_objects = $("#parent_div img");

一旦你拥有了所有需要的内容，请将它们放入 for 循环中以对它们进行计数并匹配以稍后退出该函数:

for (var i = 1; i < $number_of_objects.length; i++) {
    console.log("value of i " + i);
        if(i == dd){
            console.log(' break');
            break;
        }
        $("#apple img[rel='#photo"+i+"']").overlay({
                effect: 'apple'
        });

    }

它应该为您提供一个良好的起点来改进它并向脚本添加更多功能:) 快乐编码