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

最新推荐文章于 2022-08-09 08:53:53 发布

两只橙

最新推荐文章于 2022-08-09 08:53:53 发布

阅读量1.1k

点赞数 2

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/lzc4869/article/details/51154698

版权

前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

一，效果图：
这里写图片描述

二，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函数
        }