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

Question

有谁知道倒计时可以混合不同的时间并一个接一个地显示？

我需要的是一个工作日的每个小时的倒计时（上午 8:00 -> 上午 9:00 -> 上午 10:00 -> ... -> 下午 5:00），那么同一个计数器应该变成从下午 5:00 到早上 8:00 的倒计时。

是否可以使用 javascript、php？如果是，有谁知道我在哪里可以看到示例？

Answer 1

试试这个 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();