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

时间:2011-04-08 08:11:59

标签: jquery date time hide show

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

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

晚上10点8.Apr “信息”将隐藏 和 “超时”的文字将显示

GMT +1

非常感谢

3 个答案:

答案 0 :(得分:2)

这样的事情会起作用:

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日期函数,所以我用Google搜索并使用了w3cthis article的混合来生成这个答案

答案 1 :(得分:0)

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

答案 2 :(得分:0)

你需要的是两件事:

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

var targetTime = new Date(2011,4,8,22,0,0); // 22表示晚上10点(12小时很少)的22:00蚂蚁

var currentTime = new Date();

var targetMilliSeconds = targetTime.getTime();

var currentMilliSeconds = currentTime.getTime();

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