2016-09-28 5 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

このコードを使用してください。あなたが最後に緩い+を得たので

clock.innerHTML = 'days: ' + t.days + '<br>' + 
        'hours: ' + t.hours + '<br>' + 
        //'minutes: ' + t.minutes + '<br>' + 
        //'seconds: ' + t.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 = '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; 

最後の「+」を2行目にコメントするのを忘れた可能性があります。

デモ:https://jsfiddle.net/72v5sofn/

0

は、あなたがこの

document.getElementById("id").innerHTML = 'days: ' + t.days + '<br>' + 
          'hours: ' + t.hours + '<br>'; 
関連する問題