Dom 文本时钟

最新推荐文章于 2021-10-13 13:27:28 发布

Soloensiz

最新推荐文章于 2021-10-13 13:27:28 发布

阅读量418

点赞数

分类专栏： web前端文章标签： dom web前端文本时钟

本文链接：https://blog.csdn.net/Lu_1u/article/details/75094651

版权

web前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title></title>
    <style type="text/css">


    </style>


</head>
<body>

<div id="div01"></div>


</body>
</html>

<script type="text/javascript">
    //在页面上以文本形式显示当前时间 yyyy-MM-dd HH:mm:ss , 每秒钟刷新一次

        //以yyyy-MM-dd HH:mm:ss这种格式 获得当前时间的日期字符串
        function getDateString(){
            var now = new Date();
            var str = "";

            str = str + now.getFullYear();
            str += "-";

            var month = now.getMonth()+1;
            if(month<10){
                str += "0";
            }
            str += month;

            str += "-";


            var days = now.getDate();
            if(days<10){
                str += "0";
            }
            str += days;
            str += " ";

            var hour = now.getHours();
            if(hour<10){
                str += "0";
            }
            str += hour;
            str += ":";

            var min = now.getMinutes();
            if(min<10){
                str += "0";
            }
            str += min;
            str += ":";

            var sec = now.getSeconds();
            if(sec<10){
                str += "0";
            }
            str += sec;

            return str;

        }

        //1 先把当前日期的文本弄好
        //2 把时间文本显示在页面上


        //3 每隔一秒刷新一次
        setInterval(function(){
            var div01 = document.getElementById("div01");
            div01.innerHTML = getDateString();
        },1000);

</script>