倒計時計時器的故障

我遇到了一個簡單的計數器，從10分鐘倒計時出現問題。問題是，當我調用函數countdown（）並添加10 [分鐘]作爲值時，它會在達到9分鐘而不是2分鐘時停止。倒計時計時器的故障

令人困惑的部分是，當我添加另一個值，比如3分鐘時，它的工作原理與預期完全相同。我有一個小提琴演示問題here。

而且，這裏是我的腳本：

var timeoutHandle; 

function countdown(minutes) { 
    var seconds = 60; 
    var mins = minutes 

    function tick() { 
     var counter = document.getElementById("taoTimer"); 
     var current_minutes = mins - 1 
     seconds--; 
     counter.innerHTML = current_minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds); 
     if (seconds > 0) { 
      timeoutHandle = setTimeout(tick, 1000); 
     } else { 
      if (mins > 1) { 
       jQuery('#taoTimer').addClass('taoIncreaseUrgency'); 
       alert("Warning! You only have 2 minutes left!"); 
       // countdown(mins-1); never reach 「00″ issue solved:Contributed by Victor Streithorst 
       setTimeout(function() { 
        countdown(mins - 1); 
       }, 1000); 
      } else if (seconds === 0) { 
       // Build the container for pop-up CTA 
       jQuery('#applicationWrapper').append('<div id="taoTimeOut"></div>'); 
       jQuery('<span id="taoClose">close [x]</span>').appendTo('#taoTimeOut'); 
       jQuery('<span id="taoSessionMsg">Your session has timed out. To resume your booking, please click continue below</span>').insertAfter('#taoClose'); 
       jQuery('<button id="taoContBtn">Continue</button>').insertAfter('#taoSessionMsg'); 
       alert("Time is up!"); 
       // Add page overlay, preventing user interaction 
       // with the rest of the page. 
       jQuery('<span id="taoPageOverlay"></span>').prependTo('#guestInfo'); 
       // TEMPORARILY REMOVE THE SESSION TIMEOUT FOR VALIDATION THAT REMOVING IT WORKS 
       jQuery('#sessionTimeoutCounter').remove(); 
       // Click event for users to remove CTA and continue reservation 
       jQuery('#taoClose, #taoContBtn, #taoPageOverlay').on('click', function() { 
        jQuery('#taoTimeOut, #taoPageOverlay').remove(); 
        location.reload(); // reload page 
       }); 
      } 
     } 
    } 
    tick(); 
} 
countdown(3);

我伸出誰創造了這一點，但沒有得到響應了該Developer。任何指導，你可以提供表示讚賞。

來源

2017-08-01 Brion

檢查小提琴，它不是在9分鐘停止。有什麼問題？ – Dij

倒計時不是在9:00停止，顯示左側只有2分鐘的警報每分鐘後出現，那是因爲你已經把它if (mins > 1)下解決這個問題，你可以把另一個條件顯示警報之前，像這樣的東西會解決它：

if (mins > 1) { 
    if (mins === 3){ 
     jQuery('#taoTimer').addClass('taoIncreaseUrgency'); 
     alert("Warning! You only have 2 minutes left!"); 
    } 
    // countdown(mins-1); never reach 「00″ issue solved:Contributed by Victor Streithorst 
    setTimeout(function() { 
     countdown(mins - 1); 
    }, 1000); 
} else if (seconds === 0) {

來源

2017-08-01 20:31:25 Dij

這個伎倆！我仍然不得不做一個小小的調整，即在它工作的時候，我不明白爲什麼：保持「if（mins === 2）」在1分鐘時觸發我的console.log。將其更改爲「if（mins === 3）」在2分鐘時正確執行。謝謝，Dij！ – Brion

這是正確的，它應該適用於（分鐘=== 3），原因是第三分鐘的秒數變爲0，然後您從超時時間調用倒計時（min-1），這意味着在設置超時2分鐘之前剩下的時間。 – Dij

您的代碼旨在在每分鐘後警告您。

if (seconds > 0) { 
      timeoutHandle = setTimeout(tick, 1000); 
     } else {

關於左分鐘的消息是固定的，並且總是通知大約2分鐘的左向左。

alert("Warning! You only have 2 minutes left!");

來源

2017-08-01 20:26:30 hsd

倒計時計時器的故障

回答

相關問題