javascript倒计时格式

javascript倒计时格式,javascript,Javascript,我有一个javascript倒计时,你可以看到 我在这行中设置了截止时间: var deadline = '12/15/2015'; 它是MM/DD/YYYY格式。我想把它改成DD/MM/YYYY格式。 我怎样才能改变它 另一件事是最后期限结束时倒计时变为负数。 当倒计时结束时,我如何设置诸如“截止日期已过”之类的文本 javascript function getTimeRemaining(endtime) { var t = Date.parse(endtime) - Date.now

我有一个javascript倒计时,你可以看到

我在这行中设置了截止时间:

var deadline = '12/15/2015';
它是MM/DD/YYYY格式。我想把它改成DD/MM/YYYY格式。 我怎样才能改变它

另一件事是最后期限结束时倒计时变为负数。 当倒计时结束时,我如何设置诸如“截止日期已过”之类的文本

javascript

function getTimeRemaining(endtime) {
  var t = Date.parse(endtime) - Date.now();
  var seconds = Math.floor((t / 1000) % 60);
  var minutes = Math.floor((t / 1000 / 60) % 60);
  var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
  var days = Math.floor(t / (1000 * 60 * 60 * 24));
  return {
    'total': t,
    'days': days,
    'hours': hours,
    'minutes': minutes,
    'seconds': seconds
  };
}

function initializeClock(id, endtime) {
  var clock = document.getElementById(id);
  var daysSpan = clock.querySelector('.days');
  var hoursSpan = clock.querySelector('.hours');
  var minutesSpan = clock.querySelector('.minutes');
  var secondsSpan = clock.querySelector('.seconds');

  function updateClock() {
    var t = getTimeRemaining(endtime);

    daysSpan.innerHTML = t.days;
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

    if (t.total <= 0) {
      clearInterval(timeinterval);
    }
  }

  updateClock();
  var timeinterval = setInterval(updateClock, 1000);
}


var deadline = '12/15/2015';

initializeClock('clockdiv', deadline);
函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.now();
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
可变小时数=数学楼层((t/(1000*60*60))%24);
风险天数=数学下限(t/(1000*60*60*24));
返回{
“总计”:t,
“天”:天,
“小时”:小时,
“分钟”:分钟,
“秒”:秒
};
}
函数初始化锁(id,endtime){
var clock=document.getElementById(id);
var daysSpan=clock.querySelector('.days');
var hoursSpan=clock.querySelector('.hours');
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);

如果(t.total我稍微修改了你的代码

您必须在到达截止日期后清除间隔,并更改时钟容器的
innerHTML

function initializeClock(id, endtime) {
  var clock = document.getElementById(id);
  var daysSpan = clock.querySelector('.days');
  var hoursSpan = clock.querySelector('.hours');
  var minutesSpan = clock.querySelector('.minutes');
  var secondsSpan = clock.querySelector('.seconds');
  var timeinterval = setInterval(updateClock, 1000);
  function updateClock() {
    var t = getTimeRemaining(endtime);

    daysSpan.innerHTML = t.days;
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

    if (t.total <= 0) {
      clock.innerHTML = 'time is up';
      clearInterval(timeinterval);
    }
  }
}
函数初始化锁(id,endtime){
var clock=document.getElementById(id);
var daysSpan=clock.querySelector('.days');
var hoursSpan=clock.querySelector('.hours');
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
var timeinterval=setInterval(updatelock,1000);
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);

如果(t.total我稍微修改了你的代码

您必须在到达截止日期后清除间隔,并更改时钟容器的
innerHTML

function initializeClock(id, endtime) {
  var clock = document.getElementById(id);
  var daysSpan = clock.querySelector('.days');
  var hoursSpan = clock.querySelector('.hours');
  var minutesSpan = clock.querySelector('.minutes');
  var secondsSpan = clock.querySelector('.seconds');
  var timeinterval = setInterval(updateClock, 1000);
  function updateClock() {
    var t = getTimeRemaining(endtime);

    daysSpan.innerHTML = t.days;
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

    if (t.total <= 0) {
      clock.innerHTML = 'time is up';
      clearInterval(timeinterval);
    }
  }
}
函数初始化锁(id,endtime){
var clock=document.getElementById(id);
var daysSpan=clock.querySelector('.days');
var hoursSpan=clock.querySelector('.hours');
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
var timeinterval=setInterval(updatelock,1000);
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);
如果(t.total1)创建第二个div,用于显示“截止日期已过”的消息,当时间超过时,将其设置为可见,并将时钟设置为隐藏,如中所示

html:

2) 要将日期从DDMMYYY转换为MMDDYYY,请使用此函数:

var d1 = "15/12/2015"
d1 = d1.split('/');
var d2 = d1[1]+'/'+d1[0]+'/'+d1[2];
1) 创建第二个div,用于显示“截止日期已过”的消息,当时间超过时,将其设置为可见,并将时钟设置为隐藏,如中所示

html:

2) 要将日期从DDMMYYY转换为MMDDYYY,请使用此函数:

var d1 = "15/12/2015"
d1 = d1.split('/');
var d2 = d1[1]+'/'+d1[0]+'/'+d1[2];

clearInterval(timeinterval);
之后放一个
返回值
至少在截止日期后倒计时不会自动更新。对于剩下的工作,你可以做一点研究。谢谢你给我指路。如果(t.total抱歉,忘了我刚才说的,我错过了阅读你的代码。在
clearInterval(timeinterval);
之后放一个
return
。至少在截止日期后倒计时不会自动更新。对于剩下的工作,你可以做一点研究。谢谢你给我展示了一种方法。如果(t.total抱歉,忘了我刚才说的,我错过了阅读你的代码。问题是我会从数据库中获取日期。比如
$r[截止日期]
在datebase中,它是像DD/MM/YYYY那样添加的,所以我不确定这个convertDate函数是否适合我。我也在javascript代码中添加了这个函数,但我不能使它工作。谢谢你的帮助。所以如果我没弄错,你想要相反的转换吗?我所要做的就是使
var-deadline='(15/12/2015)“;
就像那样。实际上它就像:
$r[截止日期]=15/12/2015
var-deadline=”(马特尔,我认为反向转换会帮助我。你是对的,对不起,你现在可以在答案本身(而不是评论中)中看到它。问题是我将从数据库中获取日期。就像
$r[截止日期]
在datebase中,它是像DD/MM/YYYY那样添加的,所以我不确定这个convertDate函数是否适合我。我也在javascript代码中添加了这个函数,但我不能使它工作。谢谢你的帮助。所以如果我没弄错,你想要相反的转换吗?我所要做的就是使
var-deadline='(15/12/2015)“;
就像那样。实际上它会像:
$r[deadline]=15/12/2015
var deadline=”(Matar,我认为反向转换将帮助我。你是对的,对不起,你现在可以在答案本身中看到它(而不是在评论中)
.hidden-div {
  visibility: hidden;
}
.visible-div {
  visibility: visible;
}
var d1 = "15/12/2015"
d1 = d1.split('/');
var d2 = d1[1]+'/'+d1[0]+'/'+d1[2];