模拟时钟

yixiaoyi0522

于 2016-10-19 17:43:14 发布

阅读量382

点赞数

本文链接：https://blog.csdn.net/qq_36220534/article/details/52861695

版权

笔记：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #time{
            font-size: 40px;
        }
    </style>
</head>
<body>
    <span id="time"></span>
</body>
<script>
    var timer = document.getElementById("time");
    function auto(){
        var myDate = new Date();
        var year = myDate.getFullYear();
        var month = myDate.getMonth();
        var date = myDate.getDate();
        var weekends = myDate.getDay();
        var hour = myDate.getHours();
        var minute = myDate.getMinutes();
        var second = myDate.getSeconds();
        function check(){
            if(month<10){
                month = "0"+month;
            }
            if(date<10){
                date = "0"+date;
            }
            switch(weekends){
                case 0:
                    weekends = "星期天";
                    break;
                case 1:
                    weekends = "星期一";
                    break;
                case 2:
                    weekends = "星期二";
                    break;
                case 3:
                    weekends = "星期三";
                    break;
                case 4:
                    weekends = "星期四";
                    break;
                case 5:
                    weekends = "星期五";
                    break;
                case 6:
                    weekends = "星期六";
                    break;
            }
            if(hour<10){
                hour = "0"+hour;
            }
            if(minute<10){
                minute = "0"+minute;
            }
            if(second<10){
                second = "0"+second;
            }
        }
        check();
        timer.innerHTML = year+"年"+month+"月"+date+"日"+" "+weekends+" "+hour+"时"+minute+"分"+second+"秒";
    }

    setTimeout(auto,0);
    setInterval(auto,1000);
</script>
</html>

yixiaoyi0522

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
模拟时钟

笔记：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #time{ font-size: 40px; } </style></head><body> <span id="tim
复制链接

扫一扫