这个项目展示了如何使用 JavaScript 创建一个基本的时钟。你可以在这个基础上进行扩展,添加更多功能或者美化界面。
JavaScript Clock
以下是一个简单的时钟实现:
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, 500);
}
function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}
要使用这个时钟,你只需要将上面的代码添加到你的 HTML 文件中,并在 HTML 中添加一个 id 为 "clock" 的元素来显示时间。
更多关于 JavaScript 的学习资源和项目可以访问我们网站的 JavaScript 教程 页面。
<div id="clock"></div>
<script>
startTime();
</script>
希望这个项目能帮助你学习 JavaScript!