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）創建一個布爾變量來查看我們是否應該顯示當前時間或倒計時。這將非常方便，並且可以避免我們檢查範圍。請注意，我們不能簡單地檢查當前時間，因爲它只會顯示倒計時一秒鐘。

2）添加一個簡單的if語句。如果是時間，通過在這種情況下將變量設置爲真（9:00:00）來切換到倒計時

3）添加第二個if語句以在倒計時結束時切換回顯示當前時間。這是可選的，如果您希望倒計數即使結束，也可以將其刪除。注意：爲了將來的使用，將此功能委派給用戶而不是進行5分鐘的靜態倒計時更爲明智。你應該有一個可變的說法var totalcountdown = ...並說如果（...分鐘= 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 
    } 
});