每小时倒数计时器，但在 30 分钟标记上

Question

我需要一个简单的倒计时计时器，但由于某种原因我似乎无法获得它真的让我很烦恼，我认为这是因为我需要它完成的特殊方式，它必须坚持这些规则：

必须每小时
必须在 30 分钟标记处
必须使用 UTC 时间

例如，现在是 07:22 UTC，距离下一个时间还有 8 分钟。
如果说 07:30，它会说 1 小时到下一个。
最后但并非最不重要的一点是，如果它是 07:31，它会说距离下一个时间还有 59 分钟。

对于我所做的其他倒计时，我能够非常轻松地做到这一点，但那些是针对小时类型的事情，并没有那么复杂......我只是很难过，请帮助我。

编辑添加示例代码

        var d = new Date();
        var hoursUntil = 2 - d.getUTCHours() % 3;
        var minutesUntil = 60 - d.getUTCMinutes();

        var timestr = "";

        if (minutesUntil === 60) {
            hoursUntil++;
            minutesUntil = 0;
        }

        if (hoursUntil > 0) {
            timestr += hoursUntil + " hour" + (hoursUntil > 1 ? "s" : "");
        }

        if (hoursUntil >= 1 && minutesUntil > 1) {
            timestr += " and " + minutesUntil + " minute" + (minutesUntil > 1 ? "s" : "");
        }

        if (minutesUntil > 1 && hoursUntil < 1) {
            timestr += minutesUntil + " minute" + (minutesUntil > 0 && minutesUntil < 2 ? "" : "s");
        }

        bot.sendMessage(msg, "Next event will be in " + timestr + ".");

Answer 1

也许我遗漏了一些东西，但据我所知，UTC 和实际上一般时间与此无关。它应该像计算当前分钟所在位置一样简单。

也许像

now = new Date();
minutes = now.getMinutes();
if(minutes > 30) {
    minutes_until = (60 - minutes) + 30;
    }
else {
    minutes_until = 30 - minutes;
    }

Answer 2

让我们思考一下。我们想知道的是，下一次分针什么时候显示30。如果我们只想每半小时知道一次，我们可以像d.getUTCHours() % 3一样将剩下的除以30。

但是，我们希望每 60 分钟获取一次，所以我们不得不做 somethingInMinutes % 60。标记必须在从 60 到 0 的班次上，所以只需添加 30 分钟。

要获得秒精度，请将其计算为秒，加上当前秒数并从 60 分钟（3600 秒）中减去两者。

我们想要一个每隔一班就会触发一次的计时器。计算1000和毫秒的差。

<div>Seconds remaining until next 30 minutes mark: <span id="min-total"></span></div>
<div>minutes:seconds remaining: <span id="min-part"></span>:<span id="sec-part"></span></div>

<script>
  var byId = document.getElementById.bind(document);

  function updateTime()
  {
    var
      time = new Date(),
      // take 1800 seconds (30 minutes) and substract the remaining minutes and seconds
      // 30 minutes mark is rest of (+30 divided by 60); *60 in seconds; substract both, mins & secs
      secsRemaining = 3600 - (time.getUTCMinutes()+30)%60 * 60 - time.getUTCSeconds(),
      // integer division
      mins = Math.floor(secsRemaining / 60),
      secs = secsRemaining % 60
    ;
    byId('min-total').textContent = secsRemaining;
    byId('min-part').textContent  = mins;
    byId('sec-part').textContent  = secs;

    // let's be sophisticated and get a fresh time object
    // to calculate the next seconds shift of the clock
    setTimeout( updateTime, 1000 - (new Date()).getUTCMilliseconds() );
  }
  updateTime();
</script>

每小时倒数计时器，但在 30 分钟标记上

Countdown timer every hour but on 30 minute marks

javascript

timer

countdown