JS实时获取当前的日期和时间并显示

实时获取当前时间并显示

• • 说明
  • script代码
  • html代码
  • 图片演示

说明

JS代码

script代码

<script>
     当页面加载时调用
	window.onload = function() {
	           //计时器 1000秒
				setInterval(function() {
					var date = new Date();
					var year = date.getFullYear(); //获取当前年份   
					var mon = date.getMonth() + 1; //获取当前月份   
					var da = date.getDate(); //获取当前日   
					var day = date.getDay(); //获取当前星期几   
					var h = date.getHours(); //获取小时   
					var m = date.getMinutes(); //获取分钟   
					var s = date.getSeconds(); //获取秒   
					var d = document.getElementById('show');

                   //判断当数字小于等于9时 显示 01 02 ----- 08 09
					if (mon >= 1 && mon <= 9) {
						mon = "0" + mon;
					}
					if (da >= 0 && da <= 9) {
						da = "0" + da;
					}
					if (h >= 0 && h <= 9) {
						h = "0" + h;
					}

					if (m >= 0 && m <= 9) {
						m = "0" + m;
					}

					if (s >= 0 && s <= 9) {
						s = "0" + s;
					}

					d.innerHTML = year + '-' + mon + '-' + da + ' ' + h + ':' + m + ':' + s;

				}, 1000)
			}
</script>
           

html代码

图片演示