2016-09-28 88 views
0

我正在嘗試在javascript中倒數計時以倒計時。問題是我試圖讓它只顯示幾天和幾小時。這裏是我的代碼:如何在javascript倒計時代碼中顯示天+小時+分鐘+秒?

var deadline = '2017-06-01'; 
function getTimeRemaining(endtime) { 
    var t = Date.parse(endtime) - Date.parse(new Date()); 
    var seconds = Math.floor((t/1000) % 60); 
    var minutes = Math.floor((t/1000/60) % 60); 
    var hours = Math.floor((t/(1000 * 60 * 60)) % 24); 
    var days = Math.floor(t/(1000 * 60 * 60 * 24)); 
    return { 
     'total': t, 
     'days': days, 
     'hours': hours, 
     'minutes': minutes, 
     'seconds': seconds 
    }; 
} 

function initializeClock(id, endtime) { 
    var clock = document.getElementById(id); 
    var timeinterval = setInterval(function() { 
     var t = getTimeRemaining(endtime); 
     clock.innerHTML = 'days: ' + t.days + '<br>' + 
         'hours: ' + t.hours + '<br>' + 
         'minutes: ' + t.minutes + '<br>' + 
         'seconds: ' + t.seconds; 
     if (t.total <= 0) { 
      clearInterval(timeinterval); 
     }; 
    }, 1000); 
} 

我試着評論出秒和分鐘沒有成功。究竟我需要評論什麼?謝謝!

+0

'clock.innerHTML = '天:' + t.days + '
' + '時間:' + t.hours + '
';' –

+0

謝謝你,你是傳奇 – smuckert

+0

你爲什麼不使用'Date()'函數來獲取日期? 'var t =(new Date(2017,5,1,0,0,0,0) - new Date())/ 1000;'→t以秒爲單位存儲當前時刻與2017年6月1日上午12點之間的差異。 – progyammer

回答

0

使用此代碼。

function initializeClock(id, endtime) { 
     var clock = document.getElementById(id); 
     var timeinterval = setInterval(function() { 
      var t = getTimeRemaining(endtime); 
      clock.innerHTML = 'days: ' + t.days + '<br>' + 
        'hours: ' + t.hours + '<br>'; 
      //      +'minutes: ' + t.minutes + '<br>' + 
      //      'seconds: ' + t.seconds; 
      if (t.total <= 0) { 
       clearInterval(timeinterval); 
      }; 
     }, 1000); 
    } 
0

談到像

clock.innerHTML = 'days: ' + t.days + '<br>' + 
        'hours: ' + t.hours + '<br>' + 
        //'minutes: ' + t.minutes + '<br>' + 
        //'seconds: ' + t.seconds; 

將導致錯誤,因爲你有在最後一個鬆散+。使用

clock.innerHTML = 'days: ' + t.days + '<br>' + 
        'hours: ' + t.hours + '<br>' + '' 
        //'minutes: ' + t.minutes + '<br>' + 
        //'seconds: ' + t.seconds; 

來保護它。

0
clock.innerHTML = 'days: ' + t.days + '<br>' + 
         'hours: ' + t.hours + '<br>'// + 
         //'minutes: ' + t.minutes + '<br>' + 
         //'seconds: ' + t.seconds; 

您可能忘記在第二行評論最後的「+」。

演示:https://jsfiddle.net/72v5sofn/

0

你可以試試這個

document.getElementById("id").innerHTML = 'days: ' + t.days + '<br>' + 
          'hours: ' + t.hours + '<br>'; 
相關問題