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 AM

开始

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

2) 添加一个简单的 if 语句。说是时候了，通过将变量设置为 true (9:00:00) 在这种情况下切换到倒计时

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

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

5) 添加倒计时代码。对于此部分，请参阅下面的 post。我没有比这更好的解释了。

The simplest possible JavaScript countdown timer?

**重要说明：**当您从另一个 post 复制并粘贴代码时，这不会立即起作用。你需要在最后的 if 语句中调整一些东西。我会把它留给你作为练习。如果您需要帮助，只需 post 发表评论或提出新问题

$(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
    }
});

Javascript 带集成倒数计时器的时钟

Javascript clock with integrated countdown timer

javascript

timer

clock