獲取時間並動態重新整理，最後再拼接，若時分秒小於10，再時分秒前面加零

<script>
    function datetime(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth();
        var day = date.getDay();
        var hours = date.getHours();
        var min = date.getMinutes();
        var cnd = date.getSeconds();
        var time = year+"-"+fnW(month+1)+"-"+fnW(day)+" "+fnW(hours)+":"+fnW(min)+":"+fnW(cnd);
        $("#time_data").html(time);
    }
    window.onload=function(){
        setInterval(function(){
            datetime();
        },1000);
    }
    function fnW(str){//判斷時分秒是否小於10，如過小於10，在前面加0
        var num;
        if(str>10){
            num=str;
        }
        else{
            num="0"+str;
        }
        return num;
    }
</script>
 

最後給一個id為time_data的標籤就可以了

<h1 id="time_data" style="text-align: center;margin-top: 20%"></h1>