1

我正在使用我在互联网上找到的一些代码,该代码从某个日期开始倒计时。我正在尝试编辑代码,以便它只给我一个从未来日期指定的小时、分钟和秒的倒计时。我不能只拥有从指定时间倒计时的代码,我需要它倒计时到未来的指定日期。这很重要,因此如果刷新浏览器,倒计时不会重新开始,而是从中断的地方继续。我将使用 cookie,以便浏览器记住第一次运行时指定的未来日期。

这是HTML:

<form name="count">
<input type="text" size="69" name="count2">
</form>

这是javascript:

window.onload = function()  {
//change the text below to reflect your own,
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
var theyear=yr; var themonth=m; var theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900;
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec

futurestring=montharray[m-1]+" "+d+", "+yr

var dd=Date.parse(futurestring)-Date.parse(todaystring)
var dday=Math.floor(dd/(60*60*1000*24)*1)
var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value= dhour+":"+dmin+":"+dsec;
setTimeout(function() {countdown(theyear,themonth,theday)},1000)
}
//enter the count down date using the format year/month/day
countdown(2012,12,25)
}

我确信上面有多余的代码,因为我只需要一个小时、分钟和秒来传递给countdown()函数。年、月和日并不重要,但正如我所说,这是我正在尝试编辑的代码,我在互联网上找到。任何帮助将不胜感激。谢谢!

4

3 回答 3

4

您可以为目标时间创建一个日期对象并获取与当前日期对象的差异。请注意,这取决于具有正确设置时钟的客户端。

function timeDiff(target) {

  function z(n) {return (n<10? '0' : '') + n;}

  var timeDiff = target - (new Date());
  var hours    = timeDiff / 3.6e6 | 0;
  var minutes  = timeDiff % 3.6e6 / 6e4 | 0;
  var seconds  = timeDiff % 6e4 / 1e3 | 0;

  return z(hours) + ':' + z(minutes) + ':' + z(seconds);
}

alert(timeDiff(new Date(2012,9,23,17,50,0)));

每秒运行一次,在下一整秒后几毫秒。我会把它留给你。

编辑

什么鬼,这是一个计时器来调用它。只需要在文档中有一个 id 为“timer”的元素:

function doCountDown(target) {
  document.getElementById('timer').innerHTML = timeDiff(target);
  var lag = 1020 - (new Date() % 100);
  setTimeout(function(){doCountDown(target);}, lag);
}

window.onload = function() {
  doCountDown(new Date(2012,9,23,17,50,0));
}
于 2012-10-23T05:51:08.500 回答
3

您可以使用jquery 倒数计时器集成很简单,并且有许多选项可以以不同的格式显示....

于 2012-10-23T05:03:13.827 回答
2

怎么样

now = new Date();
then = new Date("30 Oct 2013");
time_diff_in_milliseconds = then-now;

integer_seconds=(time_diff_in_milliseconds/1000) >>0;
minutes = seconds / 60 |0;  // another convention to get floor
... etc.

您也可以将一天中的时间放入字符串。

a=new Date('Oct 30 2013 07:55:07'); b=new Date('Feb 28 2000 20:12:33');

a-b
..
431350954000
于 2012-10-23T04:58:45.007 回答