如何在html网页中加入”时钟显示“特效
时间: 2023-09-07 10:11:24 浏览: 174
HTML时钟特效
可以通过使用JavaScript来实现在HTML网页中添加时钟显示特效。以下是一个简单的例子:
1. 在HTML中添加一个显示时间的容器:
```
<div id="clock"></div>
```
2. 在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();
```
3. 将JavaScript代码插入到HTML中:
```
<script>
// JavaScript代码
</script>
```
这样就可以在HTML网页中添加时钟显示特效了。
阅读全文