可以混合各种时间的倒计时

时间:2018-04-15 18:29:03

标签: javascript php wordpress

有没有人知道可以混合不同时间的倒计时并一个接一个地显示它们?

我需要的是工作日每小时的倒计时(上午8:00 - >上午9:00 - >上午10:00 - >> - > - >下午5:00)然后同一个计数器应从下午5:00到8:00变为倒计时。

用javascript,php有可能吗?如果是,有谁知道我在哪里可以看到一个例子?

1 个答案:

答案 0 :(得分:0)

试试这个 https://jsfiddle.net/6bd3L1ew/7/

config = {
'0':8,
'1':7,
'2':6,
'3':5,
'4':4,
'5':3,
'6':2,
'7':1,
'8':1,
'9':1,
'10':1,
'11':1,
'12':1,
'13':1,
'14':1,
'15':1,
'16':1,
'17':15,
'18':14,
'19':13,
'20':12,
'21':11,
'22':10,
'23':9
}

var start = new Date();

function pad(num) {
  return ("0" + parseInt(num)).substr(-2);
}

function tick() {

  var nowTime = new Date().getHours();
  var untilTime = new Date().getHours() + config[nowTime]

  start.setHours(untilTime, 0, 0);

  var now = new Date();
  if (now > start) { // too late, go to tomorrow
    start.setDate(start.getDate() + 1);
  }
  var remain = ((start - now) / 1000);
  var hh = pad((remain / 60 / 60) % 60);
  var mm = pad((remain / 60) % 60);
  var ss = pad(remain % 60);
  document.getElementById('time').innerHTML =
    hh + ":" + mm + ":" + ss;
  setTimeout(tick, 1000);
}

tick();