JavaScript 实现的三种时间显示特效

"该资源是一个简单的HTML网页，利用JavaScript展示了三种不同的时间显示效果。网页包含一个表格，其中的脚本分别实现了三种不同的日期和时间显示：1）当前日期的中文表示，2）本地时间的完整字符串，以及3）带有星期几的日期。" 在JavaScript中，处理日期和时间是通过内置的`Date`对象完成的。在这个例子中，我们看到了几个关键的方法和技巧： 1. 创建Date对象： `today = new Date();` 这行代码创建了一个新的`Date`对象，它反映了当前系统的时间。 2. 获取日期和星期几： `today.getDay()` 返回的是一个0（周日）到6（周六）的数字。为了将这个数字转换为中文的星期几，我们使用了一系列条件语句（if...else if...）来检查数字并返回相应的中文字符。 3. 格式化日期： `today.getYear()` 返回的是距离1900年的年数，所以通常需要加上1900来获取实际年份。`today.getMonth()+1`是因为`getMonth()`返回的月份是从0开始的。`today.getDate()`则返回月份中的日期。所有这些值都被格式化并组合成一个字符串。 4. 使用innerHTML更新页面内容： `setInterval` 函数用于每隔1秒更新页面上的时间。`webjx.innerHTML`设置为一个新的`Date`对象的`toLocaleString()`方法的结果，这会根据用户的本地设置显示日期和时间。同时，使用`charAt()`函数获取星期几的首字母。 5. 浏览器兼容性： 代码中使用的`<script language="JavaScript">`标签是早期版本的HTML，现在的标准是`<script type="text/javascript">`，但大部分现代浏览器仍然可以识别前者。 6. 编码声明： `<meta http-equiv="Content-Type" content="text/html;charset=gb2312">` 定义了文档的字符编码为GBK，这是一种在中国常用的简体中文编码。不过，现在更推荐使用UTF-8，因为它支持更多的字符集。 7. CSS样式： 虽然这个例子主要关注JavaScript，但我们也能看到一些基本的CSS样式，如表格的宽度、边框和单元格的高度。 这个简单的示例展示了如何在网页上实时显示日期和时间，对于初学者来说是一个很好的实践案例，可以了解JavaScript与HTML的交互以及日期处理的基本方法。