JavaScript练习：显示一个钟表，当下的时间

最新推荐文章于 2019-07-28 19:45:49 发布

南北极之间

最新推荐文章于 2019-07-28 19:45:49 发布

阅读量260

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/qq_22182989/article/details/89259242

版权

前端开发专栏收录该内容

570 篇文章 51 订阅

订阅专栏

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<script>
    function startTime() {
        var today = new Date();
        var h = today.getHours();
        var m = today.getMinutes();
        var s = today.getSeconds();
        //美化前面+1
        m = checkTime(m);
        s = checkTime(s);
        document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
        t = setTimeout('startTime()', 500);
    }

    //当数字小于10的时候。前面+1
    function checkTime(i) {
        if (i < 10) {
            i = "0" + i;
        }
        return i;
    }

</script>
<body onload="startTime()">
<h1>显示一个钟表</h1>
<div id="txt"></div>

</body>
</html>

效果：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南北极之间

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript练习：显示一个钟表，当下的时间

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title></head><script> function startTime() { var...
复制链接

扫一扫