js实现时间显示

最新推荐文章于 2023-03-29 14:02:30 发布

u012871207

最新推荐文章于 2023-03-29 14:02:30 发布

阅读量577

点赞数

分类专栏： Web前端html+css+javascript+ajax 文章标签：时间显示显示时间

本文链接：https://blog.csdn.net/u012871207/article/details/38759421

版权

Web前端html+css+javascript+ajax 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" charset="utf-8" />
<title></title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

window.onload = function(){
    showTime();
}
//补位操作
function checkTime(i){
       if(i<10){
           return "0"+i;
       }
       else return i;
       }
function showTime(){
    var now=new Date();
    var year= now.getFullYear() ;//年
    var month= now.getMonth()+1 ;//月
   var dt=now.getDate();//日
    var day= now.getDay() ;//星期几
    var h= now.getHours() ;//时
    var m= now.getMinutes() ;//分
    var s= now.getSeconds();//秒
    m=checkTime(m);
    s=checkTime(s);
//将获得数字星期和中文星期对应！
    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+"月"+dt+"日"+weekday[day]+h+":"+m+":"+s;
   setTimeout("showTime()",500);
}

</script>
</head>
<body>
<div class="content1">
<div id="show">你好</div>
</div>

</body>

</html>

u012871207

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现时间显示

window.onload = function(){ showTime(); } //补位操作 function checkTime(i){ if(i return "0"+i; } else return i; } function showTime(){
复制链接

扫一扫

专栏目录