首页js在文本框内动态显示当前时间

js在文本框内动态显示当前时间

时间: 2024-10-10 17:11:12 浏览: 32

在JavaScript中，你可以使用`Date`对象以及一些基本的DOM操作来实现在文本框内动态显示当前时间的功能。下面是一个简单的示例： ```javascript <!DOCTYPE html> <html lang="en"> <body> <input type="text" id="timeDisplay" value="">  <script> function updateTime() { // 获取到文本框元素 var timeElement = document.getElementById('timeDisplay'); // 创建一个Date对象并获取当前时间 var currentTime = new Date(); // 格式化时间（这里使用默认的年月日时分秒） var formattedTime = currentTime.toLocaleString(); // 或者使用 currentTime.toLocaleTimeString() 只显示时间 // 更新文本框的内容 timeElement.value = formattedTime; } // 每秒钟更新一次时间 setInterval(updateTime, 1000); // 1000毫秒等于1秒 </script> </body> </html> ``` 在这个例子中，当页面加载或刷新时，`updateTime`函数会被立即调用一次，然后每过一秒钟，由于`setInterval`的定时，这个函数会再次被执行，自动更新文本框里的当前时间。

阅读全文