美文网首页时光轴
动态时间显示

动态时间显示

作者: 侯工 | 来源:发表于2018-07-16 13:36 被阅读8次

    展示效果:

    现在的时间为:××××年××月××日 星期几 --:--:--

    代码示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>动态时间显示</title>
        <script language="javascript">
            var t = null;
            t = setTimeout(time,1000);//开始执行
            function time()
            {
                clearTimeout(t);//清除定时器
                dt = new Date();
                var y=dt.getYear()+1900;
                var mm=dt.getMonth()+1;
                var d=dt.getDate();
                var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
                var day=dt.getDay();
                var h=dt.getHours();
                var m=dt.getMinutes();
                var s=dt.getSeconds();
                if(h<10){h="0"+h;}
                if(m<10){m="0"+m;}
                if(s<10){s="0"+s;}
                document.getElementById("timeShow").innerHTML =  "现在的时间为:"+y+"年"+mm+"月"+d+"日"+weekday[day]+""+h+":"+m+":"+s+"";
                t = setTimeout(time,1000); //设定定时器,循环执行
            }
        </script>
    </head>
    <body>
    <div id="timeShow"></div>
    </body>
    </html>
    

    链接地址:

    https://github.com/WallaceYou/CountDown


    更多咨询请关注:
    1、Git 汇总
    2、VUE
    3、前端开发

    相关文章

      网友评论

        本文标题:动态时间显示

        本文链接:https://www.haomeiwen.com/subject/mffbpftx.html