定时器

最新推荐文章于 2024-08-26 08:49:30 发布

Sixteen_

最新推荐文章于 2024-08-26 08:49:30 发布

阅读量361

点赞数

分类专栏：定时器文章标签：定时器

本文链接：https://blog.csdn.net/Auyuer/article/details/73008015

版权

定时器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #box{
                width:200px;
                height:50px;
                border:1px solid #ccc;
                text-align: center;
                line-height: 50px;
                background:lightgoldenrodyellow;
            }
        </style>
    </head>
    <body>
        <script type="text/javascript">
            window.onload=function(){
                var oDiv = document.getElementById("box");
                //在这里我们先将函数做一次调用是为了保证刷新后的第一秒就正确显示时间
                otime();
                function otime(){
                //获取时间对象
                    var Time = new Date();
                    var Year = Time.getFullYear();//年
                    var Month = Time.getMonth()+1;
                    //月，在这里月份只有0到11月，因此我们要表示正确的月份则要给月份加1
                    var oDate = Time.getDate();//日
                    var Hours = Time.getHours();//时
                    var Minutes = Time.getMinutes();//分
                    var Second = Time.getSeconds();//秒
                    //确保输出的日期时间是两位数
                    if((Second/10)<1){
                        Second = "0" +Second;
                    }
                    if((Minutes/10)<1){
                        Minutes = "0" +Minutes;
                    }
                    if((Month/10)<1){
                        Month = "0" +Month;
                    }
                    if((oDate/10)<1){
                        oDate = "0" +oDate;
                    }
                    //拼接字符串并输出在文本中
                    oDiv.innerHTML=Year+"年"+Month+"月"+oDate+"日"+Hours+":"+Minutes+":"+Second;
                };
                //定时器，每1000毫秒运行一次
                setInterval(otime,1000);

            }
        </script>
        <div id="box">

        </div>
    </body>
</html>