JavaScript实时显示时间代码示例

"JavaScript显示时间的代码示例" 在JavaScript中，可以使用内置的Date对象来获取当前时间，并通过DOM操作将其显示在网页上。这里提供了一个简单的JavaScript代码片段，用于实时更新页面上的时间显示。 首先，HTML部分创建了一个带有特定ID（"liveclock"）的`<span>`元素，这个元素将用来显示时间： ```html <span id="liveclock" style="width:109px;height:15px"></span> ``` 接着，JavaScript代码定义了一个名为`www_helpor_net`的函数，该函数用于获取当前时间并格式化输出： ```javascript function www_helpor_net() { var Digital = new Date(); // 创建Date对象，获取当前时间 var hours = Digital.getHours(); var minutes = Digital.getMinutes(); var seconds = Digital.getSeconds(); // 对分钟和秒数进行补零操作，确保两位数显示 if (minutes <= 9) minutes = "0" + minutes; if (seconds <= 9) seconds = "0" + seconds; // 格式化时间字符串 var myclock = "ʱ̣<fontsize='5' face='Arialblack'>" + hours + ":" + minutes + ":" + seconds + "</font>"; // 更新页面上的时间显示 if (document.layers) { // Netscape 4.x 支持 document.layers.liveclock.document.write(myclock); document.layers.liveclock.document.close(); } else if (document.all) { // IE 4.x 及以上版本支持 liveclock.innerHTML = myclock; } // 每秒调用一次函数，实现时间的实时更新 setTimeout("www_helpor_net()", 1000); } // 初始化函数，立即执行一次 www_helpor_net(); ``` 这段代码首先创建了一个新的Date对象，然后获取小时、分钟和秒。为了保证时间始终以两位数形式显示，如果分钟和秒小于10，则在其前面添加一个"0"。接着，将这些值拼接成一个字符串，其中包含了格式化的小时、分钟和秒数。然后根据浏览器的不同，选择性地更新`<span>`元素的`innerHTML`属性或使用Netscape 4.x的特定方法。 最后，调用`setTimeout`函数，设置1000毫秒（即1秒）后执行`www_helpor_net`函数，实现每秒更新时间的效果。 此外，代码中还包含了一些其他时间格式的示例，例如： - "421,2004": 年份和月份的简写形式。 - "0:12:45": 小时、分钟和秒的无前导零形式。 - "4/21/04": 美式日期格式（月/日/年）。 - "0:12:45": 仅小时、分钟和秒的24小时制形式。 - "Wed Apr 21 00:12:45 UTC+0800 2004": 包含星期、月份、日期、时间、时区的完整形式。 这段代码是JavaScript在浏览器环境中显示动态时间的一个基础示例，可以根据实际需求进行调整，比如添加AM/PM指示、改变时间格式或者适应不同的浏览器兼容性需求。