在JavaScript中获取系统当前时间是一个常见的需求，尤其对于前端开发人员来说，能够显示或者操作日期时间是一个基本且重要的功能。通过学习如何用JavaScript获取系统当前时间，我们可以更好地了解JavaScript的Date对象，以及如何格式化日期和时间。
要获取系统当前时间，我们需要创建一个Date对象。Date对象是JavaScript中用于处理日期和时间的内置对象。它包含大量的方法来操作日期和时间，以及获取日期组成部分如年、月、日等。
在上述提供的示例代码中，首先在`window.onload`事件中调用了`showTime`函数。这个函数负责创建一个Date对象，并通过Date对象的方法获取当前的时间戳，然后将这个时间戳转换为年、月、日、星期、时、分、秒，并进行格式化。
获取当前时间的步骤主要包含以下几个方面：
1. 使用`new Date()`构造函数创建一个当前时间的Date对象。
2. 使用`getFullYear()`方法获取年份。
3. 使用`getMonth()`方法获取月份，注意`getMonth()`返回的月份是从0开始计数的，因此在显示之前需要加1。
4. 使用`getDate()`方法获取当前月的日期。
5. 使用`getDay()`方法获取星期几，其返回值是一个介于0到6之间的整数，分别代表星期天到星期六。
6. 使用`getHours()`方法获取小时数。
7. 使用`getMinutes()`和`getSeconds()`方法分别获取分钟数和秒数。
8. 定义了一个`formatTime`函数，用于将分钟和秒钟数小于10的前面添加一个0，达到时间格式化的效果。
在获取以上各个时间组件之后，将它们拼接成特定的格式，然后将格式化后的字符串设置到HTML页面中id为"time"的元素内。为了使时间显示更加动态，使用了`setTimeout`函数每隔500毫秒调用一次`showTime`函数，从而不断地更新时间显示。
此外，从提供的代码片段中，我们还可以看到一个数组`dateArr`，它包含了星期几的中文显示，从"日"到"六"。在最终显示时间字符串时，通过索引`day`获取星期的正确中文表示。
需要注意的是，尽管这种通过定时更新时间的方式在某些应用场景下非常有用，但在频繁更新的场景下可能不是最优的，因为它会不断产生DOM操作，这在性能上可能不是最佳实践。对于时间频繁更新的需求，可能会考虑使用Web Worker来处理时间更新的逻辑，从而避免阻塞主线程。
这段代码不仅为我们展示了如何用JavaScript获得系统当前时间，还向我们展示了Date对象的使用方法和时间格式化的技巧，以及如何在HTML中动态显示信息。通过这种实践，我们可以掌握JavaScript中处理日期和时间的基础知识，并将其应用于实际开发中。
