时间的实现

天翊

于 2020-10-08 13:30:52 发布

阅读量288

点赞数

分类专栏：前端web

本文链接：https://blog.csdn.net/zh_flowers/article/details/108962261

版权

前端web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

用JS实现时间

在这里插入  <style>
        body{
            background-color: #000;
        }
        #container{
            color: brown;
            font-size:30px;
            background-color: cornflowerblue;
            border:2px solid rgb(245, 237, 237);
            height: 50px;
            width: 200px;
        }
    </style>
</head>
<body>
     <div id="container"></div>
</body>
    <script>
        //获取对象
        var oDiv = document.getElementById("container");
//将n变为两位数
        function toDou(n){
            if(n<10)
                n="0"+n;
                return n;
            }
        
        function showTime(){
            var oData = new Date();//创建时间对象
            var str=toDou(oData.getHours())+":"+toDou(oData.getMinutes())+":"+toDou(oData.getSeconds());
           oDiv.innerHTML=str;//在浏览器中实现
        }

        showTime();
        //定时器
        setInterval(showTime,1000);
        
    </script>
</html>代码片

天翊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
时间的实现

用JS实现时间在这里插入 <style> body{ background-color: #000; } #container{ color: brown; font-size:30px; background-color: cornflowerblue; border:2px solid rgb(245, 237, 237)
复制链接

扫一扫