JavaScript实时显示系统日期时间并按星期着色

"JavaScript显示系统时间并自我刷新，动态更新日期和星期，区分工作日与周末的颜色" 在JavaScript中，动态显示系统时间和自动刷新是一项常见的需求。本示例代码实现了一个功能，它不仅可以显示年月日时分秒，还能根据日期判断是星期几，并根据不同的星期设置字体颜色。具体知识点包括： 1. **JavaScript日期对象**：`Date`对象是JavaScript中的内置对象，用于处理日期和时间。在这个例子中，`objD`是一个`Date`对象，可以通过其方法获取当前日期和时间的信息。 2. **`getYear()`、`getFullYear()`**：在旧版本的JavaScript中，`getYear()`返回两位数的年份。为了兼容性，代码中使用`getYear()`，但需要注意的是，这个方法返回的年份可能会小于1900，因此需要加上1900来得到四位数的年份。现代JavaScript中推荐使用`getFullYear()`。 3. **`getMonth()`、`getDate()`、`getHours()`、`getMinutes()`、`getSeconds()`**：这些方法分别用于获取月份（0-11）、日期（1-31）、小时（0-23）、分钟（0-59）和秒（0-59）。 4. **`getDay()`**：这个方法返回一周中的星期几，其中0表示周日，1表示周一，以此类推。在示例中，这个方法用于确定星期几，以便更改日期的颜色。 5. **字符串格式化**：为了让日期和时间看起来更规范，使用了条件语句来添加前导零（如月份、日期、小时、分钟和秒小于10时）。例如，如果`MM<10`，则`MM='0'+MM;`。 6. **颜色设置**：通过`getDay()`返回的值，可以确定当前是星期几，并根据不同的星期设置字体颜色。例如，`ww==0`表示周日，设置字体颜色为红色；`ww>0&&ww<6`表示周一到周五，设置为黑色；`ww==6`表示周六，设置为绿色。 7. **DOM操作**：在示例中，使用`<span id="Span1"></span>`作为时间显示的容器，JavaScript代码通过改变这个`span`元素的`innerHTML`来实时更新时间显示。 8. **定时器`setInterval()`**：为了让时间每秒自动刷新，使用了`setInterval(showLocale, 1000)`。这个函数每1000毫秒（即1秒）调用一次`showLocale`函数，从而实现了时间的实时更新。 这个示例是一个简单的JavaScript时间显示实例，它结合了日期对象、字符串格式化、颜色控制和DOM操作，展示了JavaScript在网页交互中的基本应用。