js中使用slice進行補0日期和時間

<!DOCTYPE html>
<html>
<head>
    <title>日期時鐘</title>
    <meta charset="utf-8">
</head>
​<body>

    <div id="clock"></div>

    <script type="text/javascript">
		function showTime() {
			var date = new Date(); // 當前日期時間
			var year = date.getFullYear(); // 年份
			var month = ('0'+(date.getMonth()+1)).slice(-2); // 月份+1
			var day = ('0'+date.getDate()).slice(-2); // 日
			var hour = ('0'+date.getHours()).slice(-2); // 小時
			var minute = ('0'+date.getMinutes()).slice(-2); // 分鐘
			var second = ('0'+date.getSeconds()).slice(-2); // 秒數
			var millisecond = ('000'+date.getMilliseconds()).slice(-3); // 毫秒數0-999
			document.getElementById('clock').innerHTML = year + '-' + month + '-' + day + ' ' + 
				hour + ':' + minute + ':' + second + '.' + millisecond;
		}

		setInterval(function(){
			showTime()
		}, 1000);
    </script>

</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章