用js写一个时钟显示
时间: 2023-12-11 13:04:32 浏览: 24
可以使用JavaScript代码来实现时钟显示。以下是一个简单的示例:
HTML代码:
```html
<div id="clock"></div>
```
JavaScript代码:
```javascript
function showTime() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
var session = "AM";
if (h == 0) {
h = 12;
}
if (h > 12) {
h = h - 12;
session = "PM";
}
h = (h < 10 ? "0" + h : h);
m = (m < 10 ? "0" + m : m);
s = (s < 10 ? "0" + s : s);
var time = h + ":" + m + ":" + s + " " + session;
document.getElementById("clock").innerText = time;
document.getElementById("clock").textContent = time;
setTimeout(showTime, 1000);
}
showTime();
```
这段代码将会在页面中创建一个空的 `div` 元素,并使用 `setInterval` 函数每秒更新一次元素的文本内容,显示当前的时间。