Question

我想根据当前时间创建一个动态变化的优惠券池。例如，价格-1仅在上午9-10点之间可见，价格-2在10-11之间可见，等等。

＆＃13;

<div class="pricepool">
  <div class="price-1">
  50% COUPON CODE...
  </div>
  <div class="price-2">
  30% COUPON CODE...
  </div>
  <div class="price-3">
  70% COUPON CODE...
  </div>
</div>

＆＃13;

Javascript和jquery解决方案对我来说都很完美。

Answer 1

如果简单理解代码应该是这样的：

setInterval(function(){
   var d = new Date();
   var currentHour = d.getHours(); // from 0 to 23 
   $(".pricepool > div").hide();
   if (currentHour > 15) {
      $(".pricepool > div.price-3").show();
   } else if (currentHour > 9) {
      $(".pricepool > div.price-2").show();
   } else {
      $(".pricepool > div.price-1").show();
   }
}, 10000);

根据您的需要指定if语句。

Answer 2

http://www.timeapi.org/utc/now对它进行简单的ajax调用应返回$.ajax({ dataType: 'jsonp', url: 'http://timeapi.org/utc/now.json', success: function (result) { alert(result.dateString); } }); 而不是警报，你可以使用你的逻辑。此外，您应该以适当的间隔发送此信息（取决于您的资源功能）

如何根据当前时间更改div的内容？

2 个答案: