实时更新JavaScript时间，跟随现实世界变化

"实时更新JavaScript时间，跟随现实世界变化"\n\n要实现跟随现实世界变换的时间，可以使用JavaScript中的Date对象来获取当前的系统时间，并实时更新显示。\n\n首先，在HTML文件中添加一个用于显示时间的元素，例如一个div元素：\n\nhtml\n<div id=\"current-time\"></div>\n\n\n然后，在JavaScript中获取该div元素，并编写一个函数来更新时间：\n\njavascript\n// 获取当前时间的函数\nfunction getCurrentTime() {\n // 创建一个Date对象\n var date = new Date();\n \n // 获取小时、分钟和秒数\n var hours = date.getHours();\n var minutes = date.getMinutes();\n var seconds = date.getSeconds();\n \n // 格式化时间，例如将单个数字的小时、分钟和秒数前面添加0\n hours = (hours < 10) ? \"0\" + hours : hours;\n minutes = (minutes < 10) ? \"0\" + minutes : minutes;\n seconds = (seconds < 10) ? \"0\" + seconds : seconds;\n \n // 将时间拼接成字符串，并更新div元素的内容\n var currentTime = hours + \":\" + minutes + \":\" + seconds;\n document.getElementById(\"current-time\").innerHTML = currentTime;\n}\n\n// 使用setInterval函数每秒调用一次getCurrentTime函数\nsetInterval(getCurrentTime, 1000);\n\n\n这样，每秒钟都会调用一次getCurrentTime函数，获取当前的系统时间，并更新显示在div元素中。