html简易电子时钟
时间: 2023-11-17 10:03:48 浏览: 81
电子时钟.html
以下是一个简单的HTML电子时钟的例子,它使用JavaScript中的Date对象来获取当前时间并在页面上显示。你可以根据自己的需要进行样式和字体的修改。
```html
<!DOCTYPE html>
<html>
<head>
<title>简易电子时钟</title>
<style>
body {
background-color: black;
color: white;
font-family: Arial, sans-serif;
font-size: 3em;
text-align: center;
padding-top: 20%;
}
</style>
</head>
<body>
<script>
function updateTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
hours = hours < 10 ? "0" + hours : hours;
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
document.body.innerHTML = hours + ":" + minutes + ":" + seconds;
}
setInterval(updateTime, 1000);
</script>
</body>
</html>
```
阅读全文