敢问路在何方

时间 





<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京时间</title>
</head>
<style>
    *{
        margin: 0;
        padding: 0;
        list-style: none;
        color: red;
    }
    #time{
        width: 800px;
        height: 100px;
        line-height: 100px;
        font-size: 30px;
        font-family: "微软雅黑";
        position: absolute;
        margin: auto;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.4);
        box-shadow: 0px 0px 10px #000;
        text-align: center;
    }
</style>
<body>
    <div id="time">现在是北京时间：</div>
</body>
<script>
    window.onload = function(){
        times();
        function times(){
            showTime();    
            function minSecond(i){
                if(i<10){
                    i = "0" + i; 
                }
                return i;
            }
            function showTime(){
                var bjtime = new Date();
                var bjyear = bjtime.getFullYear();
                var bjmonth = bjtime.getMonth()+1;
                var bjday = bjtime.getDate();
                var week = bjtime.getDay();
                var hours = bjtime.getHours();
                var min = bjtime.getMinutes();
                var seconds = bjtime.getSeconds();
                min = minSecond(min);
                seconds = minSecond(seconds);
                var weekday = ["日","一","二","三","四","五"];
                
                document.getElementById("time").innerHTML ="现在是北京时间：" + bjyear +"年-"+ bjmonth +"月-"+ bjday +"日-" + "星期" + weekday[week] + "-" + hours +":" + min +":"+ seconds  ;
                setInterval(showTime,1000);
            }
        }
    }
</script>
</html>






 


 








            

            
posted @ 
2016-09-09 17:32 
敢问 
阅读(158) 
评论(0) 
 
收藏 
举报