使用js获取系统当前时间并在页面显示

一,效果图:
这里写图片描述

二,js代码

window.onload = function(){
        showTime();
        }
        function checkTime(i)
        {
        if (i<10) 
          {i="0" + i}
          return i
        }
        function showTime()
        {
        var now=new Date();
        var year=now.getFullYear();
        var month=now.getMonth()+1;
        var day=now.getDate();
        var h=now.getHours();
        var m=now.getMinutes();
        var s=now.getSeconds();
        m=checkTime(m); // 当分钟超过9时清零
        s=checkTime(s); // 当秒超过9时清零

        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
                    + "月" + day + "日 " + weekday[now.getDay()] + h + ":" + m
                    + ":" + s;
            t = setTimeout('showTime()', 500); //以0.5秒执行一次showTime函数
        }

三,html代码

<div id="show">当前时间是:div>

你可能感兴趣的:(javascript)