11-JavaScript 时钟代码 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>clock</title>
    <script>
        window.onload = function(){
            var oDiv = document.getElementById("div1");
            function getDate(){
                var sNow = new Date();
                // 获取年份
                var iYear = sNow.getFullYear();     
                // 月份默认是0～11
                var iMonth = sNow.getMonth()+1;     
                // 获取date
                var iDate = sNow.getDate();         
                // 获取星期,默认0～6
                var iWeek = sNow.getDay();         
                var iHour = sNow.getHours();
                var iMin = sNow.getMinutes();
                var iSec = sNow.getSeconds();
                var sTr = "当前时间是："+iYear+"年"+iMonth+"月"+iDate+"日 "+fnToWeek(iWeek)+" "+fnToDouble(iHour)+':'+fnToDouble(iMin)+":"+fnToDouble(iSec);

                oDiv.innerHTML = sTr
            }
            // 刚开始调用一次，解决刚开始1秒钟空白的问题
            getDate()
            var timer = setInterval(getDate,1000)

            // 定义一个转化星期格式的函数，将0～6转为星期几
            function fnToWeek(n){

                if(n==0){return "星期日"}
                else if(n==1){return "星期一"}
                else if(n==2){return "星期二"}
                else if(n==3){return "星期三"}
                else if(n==4){return "星期四"}
                else if(n==5){return "星期五"}
                else{return "星期六"}
            }

            // 定义一个函数，将时分秒三个单位小于10秒的单个数前面加0
            function fnToDouble(n){
                if(n<10){return "0"+n;}
                else{return n}
            }

            }
    </script>
    <style>
        div{
            text-align: center;
            font-size: 30px;
            color: pink;
        }
    </style>
</head>
<body>
    <div id="div1"></div>
</body>
</html>

 

posted @ 2019-03-20 01:06  greenfan  阅读(230)  评论(0)    收藏  举报