js 获取当前时间输出并刷新date

来源:互联网 发布:微信公众号域名是什么 编辑:程序博客网 时间:2024/06/06 17:39
<!DOCTYPE HTML><html><head>    <meta charset=GB2312" />    <title>当前系统时间</title>    <style>        *{            margin: 0;            padding: 0;        }        #show{            width: 350px;            height: 100px;            background-color: #0d88c1;            margin: 50px auto;            text-align: center;            line-height: 100px;            color: #f1cf2b;            font-size: 20px;        }    </style></head><body>    <div id="show">显示时间的位置</div><script language="javascript" type="text/javascript">    window.onload = function(){        showTime();   //加载进来执行函数    };    function checkTime(i){  //对于小于10的,进行补0处理        if(i<10){            i="0"+i        }        return i;    }    function showTime(){        var now=new Date();        var year=now.getFullYear() ;        var month=now.getMonth()+1;        var date=now.getDate();        var day=now.getDay();        var h=now.getHours();        var m=now.getMinutes()  ;        var s=now.getSeconds() ;        m=checkTime(m);  //将分和秒转换成两位数显示        s=checkTime(s);
//获取的星期day是阿拉伯数字,对应转换一下        var weekday=new Array(7);        weekday[0]="星期日";        weekday[1]="星期一";        weekday[2]="星期二";        weekday[3]="星期三";        weekday[4]="星期四";        weekday[5]="星期五";        weekday[6]="星期六";        document.getElementById("show").innerHTML=year+"年"+month+"月"+date+"日 "            +weekday[day]+h+":"+m+":"+s;
        setTimeout('showTime()',500)  //半秒种刷新一次    }</script></body></html>

原创粉丝点击