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

本文介绍了一段使用JavaScript实现的代码,该代码能够实时显示当前的时间,包括年、月、日、小时、分钟和秒。通过设置计时器每1000毫秒更新一次,确保了时间的实时性。同时,代码还包含了HTML结构,用于在网页上展示时间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实时获取当前时间并显示

说明

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代码

<div id="show"></div>

图片演示

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值