JSP 中实时显示当前系统时间的四种方式解析示例

在 JSP（JavaServer Pages）开发中，实时显示当前系统时间是一项常见的需求。以下将详细介绍四种实现这一功能的方式。

方式一：使用 Java 内置的Date类和SimpleDateFormat类 在 JSP 页面中，可以通过 Java 代码获取当前系统时间，并进行格式化输出。以下是示例代码：

<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>

<%
    Date date = new Date();
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    String currentTime = sdf.format(date);
%>
<p>当前系统时间：<%= currentTime %></p>

方式二：使用 JSP 内置的<%= new java.util.Date() %> 这种方式相对简单直接，直接在 JSP 页面中输出当前时间。

<p>当前系统时间：<%= new java.util.Date() %></p>

方式三：使用 JavaScript 获取并显示时间 通过 JavaScript 的Date对象来获取当前时间，并在页面上进行显示。

<script type="text/javascript">
    function showTime() {
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var day = date.getDate();
        var hours = date.getHours();
        var minutes = date.getMinutes();
        var seconds = date.getSeconds();
        document.getElementById("time").innerHTML = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
    }

    setInterval(showTime, 1000);
</script>
<p id="time"></p>

方式四：结合 Ajax 技术实现实时更新时间 使用 Ajax 技术定时向服务器发送请求获取最新时间，并更新页面显示。

<script type="text/javascript">
    function updateTime() {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', 'getTime.jsp', true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                document.getElementById("time").innerHTML = xhr.responseText;
            }
        };
        xhr.send();
    }

    setInterval(updateTime, 1000);
</script>
<p id="time"></p>

getTime.jsp 页面代码：

<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>

<%
    Date date = new Date();
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    String currentTime = sdf.format(date);
    out.println(currentTime);
%>

以上就是 JSP 中实时显示当前系统时间的四种方式，开发者可以根据具体的项目需求和场景选择合适的方法。每种方式都有其特点和适用范围，通过合理运用，能够为用户提供准确和实时的时间信息。