JavaScript实现页面实时更新时间显示
作者:纸飞机时间:2026-10-27 19:58:09浏览:110
本文提供了一段JavaScript代码,用于在网页中实时显示当前的日期和时间。通过Date对象获取年月日时分秒,并利用setTimeout实现每秒刷新显示内容,同时处理了单数字的补零操作及星期几的中文转换,适用于需要动态展示当前时间的Web页面。
JavaScript实现页面实时更新时间显示
具体实现代码如下所示:
function startTime() {
var today = new Date(); //定义日期对象
var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年
var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回月
var dd = today.getDate(); //通过日期对象的getDate()方法返回日
var hh = today.getHours(); //通过日期对象的getHours方法返回小时
var mm = today.getMinutes(); //通过日期对象的getMinutes方法返回分钟
var ss = today.getSeconds(); //通过日期对象的getSeconds方法返回秒
// 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09
MM = checkTime(MM);
dd = checkTime(dd);
mm = checkTime(mm);
ss = checkTime(ss);
var day; //用于保存星期(getDay()方法得到星期编号)
if (today.getDay() == 0) day = "星期日 "
if (today.getDay() == 1) day = "星期一 "
if (today.getDay() == 2) day = "星期二 "
if (today.getDay() == 3) day = "星期三 "
if (today.getDay() == 4) day = "星期四 "
if (today.getDay() == 5) day = "星期五 "
if (today.getDay() == 6) day = "星期六 "
document.getElementById('nowDateTimeSpan').innerHTML = yyyy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + day;
setTimeout('startTime()', 1000); //每一秒中重新加载startTime()方法
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
调用: <strong> 当前时间:</strong> <font color="white"><span id="nowDateTimeSpan"></span></font>
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
