这个项目展示了如何使用 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!