使用JavaScript实时显示当前时间的方法

"显示当前时间的js" 在网页中显示实时的当前时间，通常会用到JavaScript编程语言，因为它是浏览器端最常使用的脚本语言。这个资源提供了一个JavaScript函数来实现这一功能，同时结合了Java Servlet技术。下面将详细解释相关知识点： 1. **JavaScript 获取当前时间**： - `var date = new Date();` 创建了一个新的Date对象，它表示的是当前日期和时间。 - `getFullYear()`、`getMonth()`、`getDate()`、`getHours()`、`getMinutes()` 和 `getSeconds()` 是Date对象的方法，分别用于获取四位数的年份、月份（0-11）、日期（1-31）、小时（0-23）、分钟（0-59）和秒（0-59）。 2. **处理月份和时间**： - `date.getMonth() + 1` 因为JavaScript的月份是从0开始的，所以加1得到实际的1-12的月份。 - `add_zero(date.getMonth() + 1)` 函数用于在月份和时间小于10时，在前面补零，例如1变成01，使显示格式更规范。 3. **星期的转换**： - `getDay()` 返回的是一个整数，表示一周中的第几天（0代表周日，1代表周一，以此类推）。 - 使用`switch`语句将数字转换为相应的星期英文缩写。 4. **添加零的函数**： - `function add_zero(temp)` 这个辅助函数接收一个数字作为参数，如果这个数字小于10，它会在前面加上一个0，确保显示两位数。 5. **页面元素更新**： - `document.getElementById("currentTime").innerHTML` 用于获取ID为"currentTime"的HTML元素，并将其内部HTML内容替换为当前的时间字符串。这样，每秒钟会更新一次，从而实现动态显示当前时间。 6. **定时器`setInterval`**： - `window.setInterval("get_time()", 1000);` 定义了一个定时器，每隔1000毫秒（即1秒）执行一次`get_time`函数，使得页面上的时间每秒自动刷新。 7. **Java Servlet**： - `<%=request.getContextPath()%>` 是Java Servlet的JSP表达式，它返回当前应用的上下文路径，这通常用于构造服务器端资源的URL，如在这个例子中引用jQuery库。 8. **引入jQuery库**： - `<script type="text/javascript" src="<%=request.getContextPath()%>/script/jquery-1.4.2.min.js"></script>` 这行代码引入了jQuery库，虽然在这个示例中没有直接使用jQuery，但通常JavaScript代码中会利用jQuery提供的API来简化DOM操作和事件处理。 总结，这个资源展示了如何在HTML页面上使用JavaScript显示实时的当前时间，包括获取时间、格式化时间、更新页面元素以及设置定时器。此外，也涉及到Java Servlet的简单应用和jQuery库的引用。