js实时显示当前时间

偏执的太偏执、 2023-02-16 00:45 64阅读 0赞

#### js实时显示当前时间 ####

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <div>
            <span id="showTime"></span>
    
            <script>
                var t = null;
                t = setTimeout(time(), 1000); //開始运行
                function time() { 
                    clearTimeout(t); //清除定时器
                    dt = new Date();
                    var y = dt.getFullYear();
                    var mt = dt.getMonth() + 1;
                    var day = dt.getDate();
                    var h = dt.getHours(); //获取时
                    var m = dt.getMinutes(); //获取分
                    var s = dt.getSeconds(); //获取秒
                    document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒 ";
                    t = setTimeout(time, 1000); //设定定时器，循环运行
                }
            </script>
        </div>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，64人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue实时显示时间

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

素颜马尾好姑娘i/ 2023年10月18日 08:48/ 0 赞/ 96 阅读

相关 js实时显示当前时间

js实时显示当前时间 <!DOCTYPE html> <html lang="en"> <head> <meta cha

偏执的太偏执、/ 2023年02月16日 00:45/ 0 赞/ 65 阅读

相关 html日期英文状态显示不出来,实时显示当前时间（英文版）

前言：实时显示当前时间(英文版)，一周的第几天用英文显示效果： ![82906d16beb1815837fd19f66530ec12.png][] Document

喜欢ヅ旅行/ 2022年10月05日 10:57/ 0 赞/ 304 阅读

相关实时显示时间（HTML+JS）

原文地址：[http://blog.csdn.net/qq\_35952946/article/details/56012654][http_blog.csdn.net_qq

男娘i/ 2022年05月30日 11:11/ 0 赞/ 447 阅读

相关 js显示当前日期时间农历日期（全）

效果如下： ![在这里插入图片描述][20190125151534408.png] -------------------- 直接粘贴查看效果，自己定义格式样式。

淩亂°似流年/ 2022年03月22日 02:52/ 0 赞/ 697 阅读

相关 js显示当前时间农历日期

可直接复制HTML+js到页面中，查看效果效果如下： ![在这里插入图片描述][20190125141641842.png] 只显示日期，查看： [https

朴灿烈づ我的快乐病毒、/ 2022年03月22日 02:21/ 0 赞/ 593 阅读

相关 js获取并在页面显示实时时间

js获取并在页面显示实时时间 <!DOCTYPE html> <html lang="en"> <head> <meta charset

约定不等于承诺〃/ 2021年09月18日 15:56/ 0 赞/ 563 阅读

相关 JS基础之在页面显示当前时间,并同步当前时间

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">

逃离我推掉我的手/ 2021年09月15日 18:36/ 0 赞/ 642 阅读

相关 Vue中使用dayjs转换时间格式并实时显示当前时间

【此外，moment也可以实现类似的功能，见：[https://blog.csdn.net/qq\_40323256/article/details/116421736][ht

小灰灰/ 2021年09月03日 10:27/ 0 赞/ 1483 阅读

相关 vue实时显示当前时间和天气

推荐更简单的方式（使用dayjs）：[https://blog.csdn.net/qq\_40323256/article/details/110930383][https_b

左手的ㄟ右手/ 2021年08月19日 19:36/ 0 赞/ 1669 阅读