输入框怎么自动获取并显示时间
时间: 2024-03-10 19:44:39 浏览: 192
基于javascript实现仿百度输入框自动匹配功能
你可以使用 JavaScript 来实现自动获取并显示时间。具体实现步骤如下:
1.在 HTML 中添加一个输入框和一个显示时间的元素,例如:
```
<input type="text" id="timeInput">
<div id="currentTime"></div>
```
2.在 JavaScript 中获取输入框和显示时间的元素,设置定时器,每隔一秒钟更新一次时间,并将时间显示在显示时间的元素中,例如:
```
const timeInput = document.getElementById("timeInput");
const currentTime = document.getElementById("currentTime");
setInterval(() => {
const now = new Date();
const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();
const time = `${hour}:${minute}:${second}`;
timeInput.value = time;
currentTime.textContent = `当前时间:${time}`;
}, 1000);
```
这样,每隔一秒钟,输入框中就会自动获取并显示当前时间,同时,页面上也会实时显示当前时间。
阅读全文