用js写一个时钟显示
时间: 2023-12-11 11:05:04 浏览: 59
用java写的时钟显示
可以使用JavaScript的Date对象来获取当前时间,并将其显示在HTML页面上。以下是一个简单的示例:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>时钟</title>
</head>
<body>
<h1 id="clock"></h1>
<script src="clock.js"></script>
</body>
</html>
```
JavaScript代码(保存为clock.js):
```javascript
function updateClock() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var timeString = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
document.getElementById('clock').innerHTML = timeString;
}
setInterval(updateClock, 1000);
```
这个例子中,我们定义了一个名为updateClock的函数,该函数使用Date对象获取当前时间,并将其格式化为一个字符串。然后,我们使用getElementById方法获取HTML页面中的元素,并将时间字符串设置为其innerHTML属性的值。最后,我们使用setInterval方法每秒钟调用一次updateClock函数,以便时钟显示始终保持最新。
阅读全文