js date_displayAClock.html

学无止境慢慢来

于 2020-04-07 11:38:37 发布

阅读量176

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_42193179/article/details/105360691

版权

js 专栏收录该内容

133 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>js date_displayAClock</title>
    <script>
        function displayAClock() {
            /*功能：展示时间。*/
            let today = new Date();
            let h = today.getHours();
            let m = today.getMinutes();
            let s = today.getSeconds();
            m = checkTime(m);
            s = checkTime(s);
            // document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
            // txt,本地时间字符串，2018/10/14 下午12:15:48。
            document.getElementById('txt').innerHTML = today.toLocaleString();
            let timeout = setTimeout(displayAClock, 1000);
        }

        function checkTime(i) {
            /*功能：在小于10的数字前加一个‘0’。*/
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }
    </script>
</head>
<body onload="displayAClock()">
<div id="txt"></div>
</body>
</html>