html显示当前时间，要求年月日时分秒的格式，如：2024-02-16 17:58:46

发布于 2024-02-15 20:19:15

要在HTML页面中显示当前时间，并以指定的年月日时分秒格式（例如：2024-02-16 17:58:46），您可以使用JavaScript的Date对象来获取当前时间，并进行格式化。以下是一个示例代码，演示如何将当前时间显示在HTML页面上：

<!DOCTYPE html>
<html>
<head>
    <title>当前时间</title>
    <script>
        function formatTime() {
            var now = new Date();
            var year = now.getFullYear();
            var month = padZero(now.getMonth() + 1);
            var day = padZero(now.getDate());
            var hours = padZero(now.getHours());
            var minutes = padZero(now.getMinutes());
            var seconds = padZero(now.getSeconds());
            var formattedTime = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
            document.getElementById("time").innerHTML = formattedTime;
        }

        function padZero(num) {
            return (num < 10 ? "0" : "") + num;
        }

        setInterval(formatTime, 1000); // 每秒钟更新一次时间
    </script>
</head>
<body>
    <h1>当前时间：<span id="time"></span></h1>
</body>
</html>

在上面的代码中，我们定义了一个名为 formatTime 的JavaScript函数，用于获取当前的时间并进行格式化。setInterval 函数用于定时调用 formatTime 函数，以实现动态更新时间的效果。1000 表示每隔1000毫秒（即1秒）执行一次。

在HTML页面中，我们使用 <span> 标签来显示时间，并给它指定了一个唯一的ID（"time"），以便JavaScript代码能够找到并更新它的内容。

通过将上述代码保存为一个HTML文件并在浏览器中打开，您应该能够看到一个动态显示当前时间的页面，时间格式为指定的年月日时分秒。