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

最新推荐文章于 2022-08-07 14:51:54 发布

jiaweimin123

最新推荐文章于 2022-08-07 14:51:54 发布

阅读量1.4k

点赞数 1

分类专栏： html css javascript 文章标签： css html javascript 系统时间

本文链接：https://blog.csdn.net/jiaweimin123/article/details/78039531

版权

javascript 同时被 3 个专栏收录

41 篇文章 2 订阅

订阅专栏

html

26 篇文章 0 订阅

订阅专栏

css

21 篇文章 0 订阅

订阅专栏

<!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>

jiaweimin123

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js 获取当前时间输出并刷新date

当前系统时间 *{ margin: 0; padding: 0; } #show{ width: 350px; height: 100px; background-color: #0d88c1; m
复制链接

扫一扫