javascript编写时钟

最新推荐文章于 2023-03-22 16:27:05 发布

木里先森

最新推荐文章于 2023-03-22 16:27:05 发布

阅读量487

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/mr_muli/article/details/79420259

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

javascript编写时钟

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>10-时钟</title>
    <script type="text/javascript">
        window.onload=function(){
            var oDiv=document.getElementById('div1');

            function timego(){
                var now= new Date();
                var year=now.getFullYear();
                var month=now.getMonth()+1;
                var date=now.getDate();
                var week=now.getDay();
                var hour=now.getHours();
                var minute=now.getMinutes();
                var second=now.getSeconds();

                // 将内容，内嵌到div中
                oDiv.innerHTML='当前时间是：'+year+'年'+todou(month)+'月'+todou(date)+'日，'+toWeek(week)+' '+todou(hour)+':'+todou(minute)+':'+todou(second);
            }
            // 一开始走一次，避免刷新
            timego();
            // 配置定时器
            setInterval(timego,1000);
        }

        function toWeek(num){
            switch(num){
                case 0:
                    return '星期日';
                    break;
                case 1:
                    return '星期一';
                    break;
                case 2:
                    return '星期二';
                    break;
                case 3:
                    return '星期三';
                    break;
                case 4:
                    return '星期四';
                    break;
                case 5:
                    return '星期五';
                    break;
                case 6:
                    return '星期六';
                    break;
            }
        }

        function todou(num){
            if(num<10){
                return '0'+num;
            }else{
                return num;
            }
        }
    </script>

</head>
<body>
    <div id="div1"></div>
</body>
</html>