Question

我有一个商品代码列表，这些商品的日期到期后必须自动更新。

共有3个代码，每个代码都有不同的开始日期和结束日期以及必须更改的时间。

当一个代码过期时，它必须自动更新并在HTML中反映更改。

我在这里迷路了，非常感谢您的帮助！

我当前的设置如下：

HTML

<p>Lorem ipsum...<span class="itemCode"></span>...fermentum erat.</p>

JavaScript

function update(){
        var dateList = {
            code:["1234", "5678", "4321"],
            sd:["7/9/2018, 9/10/2018, 11/02/2018"],   // start date
            ed:["9/10/2018, 11/02/2018, 01/20/2019"], //  end date
            time:["6:00AM, 6:00AM, 6:00AM"]
        }
    }

然后..这就是我受难的地方。.请帮助！

Answer 1

您需要在加载窗口时运行此功能，并使用setInterval来连续检查代码的有效性。

 window.onload = function(){
   var dateList = {
        code:["1234", "5678", "4321"],
        sd:["7/9/2018, 9/10/2018, 12/05/2018"],   // start date
        ed:["11/12/2018, 1/02/2019, 2/20/2019"], //  end date
        time:["6:00AM, 6:00AM, 6:00AM"]
   }
   var check;
   //setInterval is for continuously checking the validity of the codes
   check = setInterval(function(){
     var codes = dateList.code;
     var enddates = dateList.ed;
     for(var i = 0; i < codes.length; i++){
        var now = new Date();
        now.setHours(0,0,0,0);
        if(enddates[i] < now){
          //change code because it has expired
          dateList.code[i] = Math.floor(Math.random()*10000);
       }
     }
  }, 1000); //1000 is time in milliseconds
}

到期日期更改时动态更新项目

1 个答案: