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

问题描述：

我想根据当前时间创建动态更改的优惠券池。例如价格仅1上午9-10之间可见，价格2月10日至11日之间，等如何根据当前时间更改div的内容？

<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>

Javascript和jQuery的解决方案都非常适合我。

注意：也请检查此服务器端，有人可以修改此总是得到最多％折扣。 –

你到目前为止尝试过什么吗？ –

你想使用服务器时间或浏览器时间来做到这一点？ –

答

如果简单易懂的代码比应该是这样的：

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);

如果根据自己的需要语句指定。

答

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

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

相关推荐