JavaScript使用计时事件制作的电子时钟

最新推荐文章于 2023-12-09 11:08:42 发布

Bworry

最新推荐文章于 2023-12-09 11:08:42 发布

阅读量2.4k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本例出自：菜鸟教程

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用计时事件制作的电子时钟</title>
<script>
    function startTime() {
        var now = new Date();
        var h = now.getHours();
        var m = now.getMinutes();
        var s = now.getSeconds();

        m = checkTime(m);
        s = checkTime(s);

        var nowStr = h + ":" + m + ":" + s;
        document.getElementById("demo").innerHTML = nowStr;

        //设置每0.5秒执行一次函数startTime()
        setTimeout("startTime()", 500)
    }

    //为了美观，补足分秒前面的0
    function checkTime(x) {
        if (x < 10) {
            return "0" + x;
        }
        return x;
    }
</script>
</head>
<body onload="startTime()">
<div id="demo"></div>
</body>
</html>