首页在页面文本框中动态显示客户端当前时间

在页面文本框中动态显示客户端当前时间

时间: 2024-10-12 07:11:57 浏览: 34

在HTML页面上动态显示客户端当前时间，通常需要结合JavaScript来实现。你可以使用`<script>`标签并在其中编写JavaScript代码。下面是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>动态显示时间</title> </head> <body> <input type="text" id="timeDisplay" readonly> <script> function displayCurrentTime() { var currentTime = new Date(); // 创建Date对象获取当前时间 var hours = currentTime.getHours(); // 小时（0-23） var minutes = currentTime.getMinutes(); // 分钟（0-59） var seconds = currentTime.getSeconds(); // 秒（0-59） // 如果小时小于10，在前面加0 if (hours < 10) { hours = "0" + hours; } if (minutes < 10) { minutes = "0" + minutes; } if (seconds < 10) { seconds = "0" + seconds; } var timeString = hours + ":" + minutes + ":" + seconds; // 构造时间字符串 document.getElementById("timeDisplay").value = timeString; // 更新显示 } // 每秒更新一次时间 setInterval(displayCurrentTime, 1000); </script> </body> </html> ``` 在这个例子中，每当页面加载或刷新时，会立即显示当前时间，并且每秒钟自动更新一次。

阅读全文