带有集成倒计时器的 JavaScript 时钟

Question

我需要编写一个带有倒计时器的 JavaScript 时钟，当到达特定时间时，该计时器开始倒计时 5 分钟。所以我有我的时钟和它的工作，但我不知道从这里到哪里去，当谈到 JavaScript 时，我真的是初学者，我仍在学习绳索(有点慢)你能给我吗关于如何将我的时钟与倒计时器集成的一些指导(我不知道如何编码)，以便当达到特定时间时，倒计时器将开始倒计时 5 分钟。

这是我的代码:

$(document).ready(function() {

  function displayTime() {
    var currentTime = new Date ();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();
    var seconds = currentTime.getSeconds();

    if (minutes < 10) {
      minutes = "0" + minutes;
    }

    if (seconds < 10) {
      seconds = "0" + seconds;
    }

    var clockDiv = document.getElementById('clock')

    clockDiv.innerText = hours + ":" + minutes + ":" + seconds;


  }

  displayTime();
  setInterval(displayTime, 1000);

  function countDown() {
    var currentTime = new Date();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();
    var seconds = currentTime.getSeconds();

    if (minutes < 10) {
      minutes = "0" + minutes;
    }

    if (seconds < 10) {
      seconds = "0" + seconds;
    }

  if 


  }

});

Answer 1

因此集成部分可以通过几个简单的 If 语句来完成。假设您希望倒计时从上午 9:00 开始

1) 创建一个 bool 变量来查看是否应该显示当前时间或倒计时。这将非常方便，使我们免于检查范围。请注意，我们不能简单地检查当前时间，因为这只会显示一秒的倒计时。

2) 添加一个简单的 if 语句。如果是时间，则通过将变量设置为 true (9:00:00) 来切换到倒计时

3) 添加第二个 if 语句，以便在倒计时结束时切换回显示当前时间。这是可选的，如果您希望倒计时(即使倒计时结束)，您可以将其删除。注意:为了将来的使用，明智的做法是将此功能委托(delegate)给 ，而不是使用 5 分钟的静态倒计时。你应该有一个变量，说 var TotalCountdown= ... 并说 if( ... 分钟 = 0 + TotalCountdown。但是你确实需要在这里有环绕逻辑。

4) 添加显示倒计时或当前时间的最终语句

5) 添加倒计时代码。对于这部分，请参阅下面的帖子。我无法比这更好地解释它。

The simplest possible JavaScript countdown timer?

**重要提示:**当您复制并粘贴其他帖子中的代码时，这不会立即起作用。您需要在最终的 if 语句中调整一些内容。我将把它作为练习留给你。如果您需要帮助，只需发表评论或提出新问题

$(document).ready(function() {

   function displayTime() {
      var displayCountdownp = false;
      var currentTime = new Date ();
      var hours = currentTime.getHours();
      var minutes = currentTime.getMinutes();
      var seconds = currentTime.getSeconds();

      if (minutes < 10) {
         minutes = "0" + minutes;
      }

      if (seconds < 10) {
        seconds = "0" + seconds;
      }

      var clockDiv = document.getElementById('clock')

      if( hours==9 && minutes==0 && seconds==0){
          displayCountdownp = true;
      }

      if( hours==9 && minutes== 6 && seconds==0){
          displayCountdownp = false;
      }

      if(displayCountdownp){

        var displayValue = countDown();
        clockDiv.innerText = displayValue;

      }else{
        clockDiv.innerText = hours + ":" + minutes + ":" + seconds;
      }


     displayTime();
     setInterval(displayTime, 1000);

    function countDown() {
         //code goes here
    }
});