使用JavaScript获取和显示实时日期与时间

"JavaScript显示当前时间和日期" 在网页中显示当前日期和时间是常见的需求，JavaScript作为一种客户端脚本语言，可以方便地实现这一功能。在提供的代码中，我们可以看到两个JavaScript段落，分别用于显示当前的日期和时间。 首先，让我们详细解释第一个JavaScript段落，用于显示当前日期： ```javascript <script language="JavaScript" type="text/JavaScript"> var today = new Date(); document.write(today.getFullYear()); document.write("年"); document.write(today.getMonth()+1); document.write("月"); document.write(today.getDate()); document.write("日"); document.write(week[today.getDay()]); </script> ``` 这段代码首先创建了一个`Date`对象`today`来获取当前日期。`getFullYear()`方法返回四位数的年份，`getMonth()`返回月份（从0开始，所以加1得到实际月份），`getDate()`返回月份中的日期，而`getDay()`返回一周中的星期几（从0表示周日开始）。`week`数组应该是预先定义的，用来将数字转换为星期几的中文表示。不过，代码中并未给出`week`数组的定义，通常它会是这样的： ```javascript var week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; ``` 第二个JavaScript段落展示了当前的小时、分钟和秒： ```javascript <script language="JavaScript" type="text/JavaScript"> var now = new Date(); document.write(now.getHours()+":"); var hours = now.getHours(); document.write(now.getMinutes()+":"); var minutes = now.getMinutes(); var seconds = now.getSeconds(); document.write(now.getSeconds()); </script> ``` 这段代码同样创建了`Date`对象`now`来获取当前时间。`getHours()`返回小时（24小时制），`getMinutes()`和`getSeconds()`分别返回分钟和秒。 最后，还有一个更完整的函数`showtime()`，用于显示包括年、月、日、小时、分钟和星期几在内的完整日期和时间： ```javascript <script language="javascript"> function showtime() { var today, hour, second, minute, year, month, date; var strDate; today = new Date(); var n_day = today.getDay(); switch (n_day) { case 0: strDate = "星期日"; break; case 1: strDate = "星期一"; break; case 2: strDate = "星期二"; break; case 3: strDate = "星期三"; break; case 4: strDate = "星期四"; break; case 5: strDate = "星期五"; break; case 6: strDate = "星期六"; break; case 7: strDate = "星期日"; break; } year = today.getFullYear(); month = today.getMonth() + 1; date = today.getDate(); hour = today.getHours(); minute = today.getMinutes(); second = today.getSeconds(); // 在这里，你可以将这些值添加到HTML元素中，或者使用`document.write`显示 } </script> ``` 这个函数不仅包含了获取日期和时间的逻辑，还使用了`switch`语句来根据`getDay()`返回的值设置星期几的中文表示。这个函数需要与HTML元素结合使用，将结果显示在页面上，例如，通过改变某个元素的文本内容。 总结来说，这些JavaScript代码利用`Date`对象的属性和方法，实现了获取并显示当前日期和时间的功能，包括年、月、日、小时、分钟、秒以及星期几。为了在网页上实时更新时间，可以将`showtime()`函数放入一个定时器，每隔一段时间自动调用一次，比如每秒或每分钟调用一次。