时间插件——自动显示真实时间

	<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('Time');//显示时间的控件ID为“Time”

                   //判断当数字小于等于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>

上面是Js代码。

注意:显示的控件的Id要与JS中“var d = document.getElementById('Time');”中的Time相同。我这里设为Time。可自己设置。

目前还存在一点小bug。打开网页之后要等待一点时间才能显示。还没有解决。

希望知道的大佬可以指点一下!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值