實現實時顯示時間

實現實時顯示時間

HTML代碼如下:

當前時間:<span id="nowtime">2018-04-25 20:50:53</span>

JS代碼如下:

<script>
    //實時更新時間的函數
    function  nowTime(){

        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth()+1;
        var day = date.getDate();
        var hour = date.getHours();
        var minutes = date.getMinutes();
        var seconds = date.getSeconds();

        month = month < 10 ?("0"+month) : month;
        day = day < 10 ?("0"+day) : day;
        hour = hour < 10 ?("0"+hour) : hour;
        minutes = minutes < 10 ?("0"+minutes) : minutes;
        seconds = seconds < 10 ?("0"+seconds) : seconds;

        var time = year + "-" + month + "-" + day + "  " + hour + ":" + minutes + ":" + seconds;

        document.getElementById("nowtime").innerHTML = time

        setTimeout(function(){
            nowTime();
        },1000)

    }

    nowTime();
</script>
發佈了44 篇原創文章 · 獲贊 44 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章