JavaScript 实现系统时间实时更新的完整示例
作者:拾光时间:2026-10-22 02:24:48浏览:100
本文提供使用 JavaScript 实时获取并显示系统时间的完整代码示例。通过 setInterval 或 setTimeout 递归调用,结合 Date 对象提取年月日时分秒,实现页面无刷新动态显示当前时间。包含前端 HTML 结构及 JS 逻辑代码,适合前端初学者参考学习。
JavaScript 实现系统时间实时更新的完整示例
第一部分:JavaScript代码
function getTime(){
str = "当前系统时间:"
var p = document.getElementById("sy_time");
time = new Date();
year = time.getFullYear();
month = time.getMonth() + 1;
day = time.getDate();
hour = time.getHours();
minutes = time.getMinutes();
seconds = time.getSeconds();
str = str + year +"-"+ month +"-"+ day + " " +hour+":"+minutes+":"+seconds;
p.innerText = str;
setTimeout(getTime,1000);
}
window.onload = function(){
getTime();
}
第二部分:前端HTML代码
<!-- 页面调用代码 -->
<p id = "sy_time"></p>
上文为小编分享的JavaScript动态刷新系统时间的示例代码,旨在提供实用参考。若读者存在任何疑问,欢迎在评论区留言,小编将尽快回复。同时,衷心感谢各位对本站的支持!
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
