要求在页面中显示当前的年月日时分秒,每隔0.2秒来执行一次函数,更新事件。本案例采用采用定时器来实现这一功能,a)在页面编写p元素,用来显示电子时钟。 b)在<script>中编写显示时间的showTime ()函数。 调用showTime ()函数
时间: 2024-03-02 16:50:11 浏览: 55
时分秒显示
好的,以下是实现你要求的代码:
HTML:
```html
<p id="clock"></p>
```
JavaScript:
```javascript
function showTime() {
const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();
const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();
const clock = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day} ${hour < 10 ? '0' + hour : hour}:${minute < 10 ? '0' + minute : minute}:${second < 10 ? '0' + second : second}`;
document.getElementById("clock").innerHTML = clock;
}
setInterval(showTime, 200);
```
这样就可以在页面上显示当前的年月日时分秒,并且每隔0.2秒更新一次。
阅读全文