本文提供使用 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动态刷新系统时间的示例代码，旨在提供实用参考。若读者存在任何疑问，欢迎在评论区留言，小编将尽快回复。同时，衷心感谢各位对本站的支持！