毎秒更新する日付と時刻関数を作成する

Question

この関数は、毎秒を現在の日付と時刻で更新する必要があります。また、分または秒が10未満の場合、前に0を追加する必要があります。 Heres私のコードは、私が間違って何をしているかわからない、私は自分のコードにかなり自信を持って感じる。助言がありますか？

<script> 
"use strict" 
// updates digital clock every second 
var tick = setInterval(digitalClock, 1000); 
//digital clock function 
function digitalClock() { 
    var currentTime(); 
    var dateObject = new Date(); 
    var hour = dateObject.getHours(); 
    var minute = dateObject.getMinutes(); 
    var second = dateObject.getSeconds(); 
    if (minute < 0) { 
    minute = "0" + minute; 
    } 
    if (second < 0) { 
    second = "0" + second; 
    } 
    currentTime = hour + ":" + minute + ":" + second; 
    document.getElementById('time').innerHTML = currentTime; 
} 
</script> 

私は、私はそれを置くことinnerHTMLは文句を言わない仕事に語ったが、私はない

Answer 1

がcurrentTime後()を削除し、また、あなたが、minuteとsecond未満10であるかどうかを確認する必要がない理由を参照していけないました0

<p id='time'></p> 
 

 
<script> 
 
    function digitalClock() { 
 
    var dateObject = new Date(); 
 
    var parts = { 
 
    hours: dateObject.getHours(), 
 
    minutes: dateObject.getMinutes(), 
 
    seconds: dateObject.getSeconds(), 
 
    month: dateObject.getUTCMonth() + 1,// +1 because the month starts from 0 
 
    day: dateObject.getUTCDate(), 
 
    year: dateObject.getUTCFullYear() 
 
    }; 
 
    
 
    if (parts.minutes < 10) { 
 
    parts.minutes = "0" + parts.minutes; 
 
    } 
 
    if (parts.seconds < 10) { 
 
    parts.seconds = "0" + parts.seconds; 
 
    } 
 
    
 
    document.getElementById('time').innerHTML = `${parts.month}/${parts.day}/${parts.year} ${parts.hours}:${ parts.minutes}:${parts.seconds}`; 
 
} 
 

 
var tick = setInterval(digitalClock, 1000); 
 
    </script>

0これは純粋JavaScriptである

を更新しました。しかし、多くの時間と日付で作業する必要がある場合は、momentJsを使用するようにアドバイスしてください。

Answer 2

条件は10未満でなければなりません。varはvar currentTime; var currentTime（）の代わりに。

<script> 
"use strict" 
// updates digital clock every second 
var tick = setInterval(digitalClock, 1000); 
//digital clock function 
function digitalClock() { 
    var currentTime; 
    var dateObject = new Date(); 
    var hour = dateObject.getHours(); 
    var minute = dateObject.getMinutes(); 
    var second = dateObject.getSeconds(); 
    if (minute < 10) { 
    minute = "0" + minute; 
    } 
    if (second < 10) { 
    second = "0" + second; 
    } 
    currentTime = hour + ":" + minute + ":" + second; 
    document.getElementById('time').innerHTML = currentTime; 
} 
</script>