首页js在alter对话框中获取当前动态时间年月日时分秒每秒更新一次

js在alter对话框中获取当前动态时间年月日时分秒每秒更新一次

时间: 2024-09-24 19:09:25 浏览: 47

JavaScript可以在网页上创建一个实时更新的时间显示，通常通过结合`<input>`元素的`type="datetime-local"`属性和`setInterval()`函数来实现在`<dialog>`或者其他弹出窗口中获取并更新当前的日期和时间。下面是一个简单的示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实时时间</title> </head> <body> <dialog id="timeDialog"> <label for="time">当前时间:</label> <input type="datetime-local" id="currentTime" readonly> </dialog> <script> // 获取对话框元素 const dialog = document.getElementById('timeDialog'); const currentTimeInput = document.getElementById('currentTime'); function updateTime() { const now = new Date(); currentTimeInput.value = now.toISOString().split('T')[1]; // 只取时间部分，格式如 "HH:mm:ss" // 每秒更新一次 setTimeout(updateTime, 1000); } // 首次加载页面时启动计时器 updateTime(); // 显示对话框 dialog.showModal(); </script> </body> </html> ``` 在这个例子中，当用户点击对话框打开时，`updateTime`函数会被激活，它会获取当前时间并将其设置到输入框中。然后，每隔一秒就再次调用这个函数以更新时间。

阅读全文