我想创建一个登录页,在那里我逐渐显示我们的到来日历的 prize .为此,我准备了图像,然后将在DIV中显示出来.

因此,在12月1日之前,你不会看到任何图片. 12月1日,先看后图01 在02号.12月1日见图01&图02 诸若此类

到目前为止,我已经找到了以下代码.不幸的是,只有带有今天日期的DIV显示给我.我必须做什么才能让图像保留下来?

这是我的小提琴:https://jsfiddle.net/bkoenig/m2pzqjrs/14/

<div class="imageClass image1">
    1
</div>

<div class="imageClass image2">
    2
</div>

<div class="imageClass image3">
 3
</div>
var now = new Date().toDateString();
var october1 = new Date("November 22, 2022").toDateString();
var october2 = new Date("November 23, 2022").toDateString();
var october3 = new Date("November 24, 2022").toDateString();


if(now != october1) // today is after Christmas
{
     // an id of a div that holds your images?
     $('#div_id').hide(); 
     // or a class of images
     $('.image1').hide();
}


if(now != october2) // today is after Christmas
{
     // an id of a div that holds your images?
     $('#div_id').hide();
     // or a class of images
     $('.image2').hide();
}

if(now != october3) // today is after Christmas
{
     // an id of a div that holds your images?
     $('#div_id').hide();
     // or a class of images
     $('.image3').hide();
}

.imageClass {
        display: ;
    }

推荐答案

我为你的问题举了一个例子,希望能对你有所帮助

(function () {
  const now = new Date();
  $("#imageDate img").each(function () {
    const el = $(this);
    const date = new Date(el.attr('data-date'));
    console.log(now, date)
    if (date <= now) {
      el.show();
    }
  });

})();
#imageDate img {
  display: none;
 }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="imageDate">
  <img src="" data-date="November 22 2022" alt="22/11/2022" />
  <img src="" data-date="November 23 2022" alt="23/11/2022" />
  <img src="" data-date="November 24 2022" alt="24/11/2022" />
</div>

Javascript相关问答推荐

在NextJS中使用计时器循环逐个打开手风琴项目?

为什么在集内和集外会产生不同的promise 状态(使用Promise.race)?

如何使用React渲染器放置根dis?

布局样式在刷新时不持续

*ngFor和@代表输入decorator 和选角闭合

如何解决chrome—extension代码中的错误,它会实时覆盖google—meet的面部图像?'

微软Edge编辑和重新发送未显示""

Chrome是否忽略WebAuthentication userVerification设置?""

Angular:动画不启动

为什么我的列表直到下一次提交才更新值/onChange

单击ImageListItemBar的IconButton后,在Material—UI对话框中显示图像

如何从调整大小/zoom 的SVG路径定义新的d属性?""

检索相加到点的子项

为什么JPG图像不能在VITE中导入以进行react ?

警告框不显示包含HTML输入字段的总和

无法检索与Puppeteer的蒸汽游戏的Bundle 包价格

JavaScript&;Reaction-如何避免在不使用字典/对象的情况下出现地狱?

JavaScript -复制到剪贴板在Windows计算机上无效

在高位图中显示每个y轴系列的多个值

$GTE的mongoose 问题