(jQuery) 当到达到期日期/时间时显示和隐藏 div

Question

<div class="info">
TEXT still showing
</div>

<div class="timeout">
TEXT (with display:none)
</div>

4月8日晚上10:00时 “信息”将隐藏 和 “timeout”的文本将显示

GMT +1

非常感谢

Answer 1

像这样的东西会起作用：

window.setInterval(function(){

  var current = new Date();
  var expiry = new Date("April 8, 2011 10:00:00")

  if(current.getTime()>expiry.getTime()){
      $('#timeout').show();
      $('#info').hide();
  }

}, 5000);

我不熟悉javascript日期函数，所以我用谷歌搜索了这个并使用了 w3c 和 本文 生成此答案

Answer 2

您需要使用 setInterval 每秒检查现在是什么时间。请记住它将使用客户端时间。更好的方法是使用服务器时间来获取经过时间的持续时间，并在 setInterval 中设置该持续时间以显示隐藏 div。

Answer 3

你需要的是两件事：

• 切换可见性属性的代码
• 比较当前时间和目标时间

var targetTime = new Date(2011, 4, 8, 22, 0, 0);//22 意味着 22:00 ant即晚上 10 点（12 个小时）

var currentTime = new Date();

var targetMilliSeconds = targetTime.getTime();

var currentMilliSeconds = currentTime.getTime();

if ((currentMilliSeconds - targetMilliSeconds) == 0) { /你想做什么/ }