js编写程序电子时钟自动走动
时间: 2023-09-02 08:06:20 浏览: 187
可以使用JavaScript的Date对象来实现电子时钟的自动走动。首先创建一个HTML页面,用于显示当前时间,然后使用JavaScript编写一个函数,该函数每秒钟更新一次时间,从而实现电子时钟的自动走动。以下是一个示例代码:
HTML部分:
```
<!DOCTYPE html>
<html>
<head>
<title>电子时钟</title>
</head>
<body onload="startTime()">
<h1 id="clock"></h1>
<script src="clock.js"></script>
</body>
</html>
```
JavaScript部分:
```
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('clock').innerHTML =
h + ":" + m + ":" + s;
var t = setTimeout(startTime, 1000);
}
function checkTime(i) {
if (i < 10) {i = "0" + i}; // 在数字前面补零
return i;
}
```
在以上示例代码中,`startTime`函数用于获取当前时间,并将其显示在HTML页面上。`checkTime`函数用于在数字前面补零,以保证时钟显示的格式一致。最后,使用`setTimeout`函数每秒钟调用一次`startTime`函数,从而实现电子时钟的自动走动。
阅读全文