利用Javascript实现当前系统时间显示

相信大家都在不少的网页上看到过时间显示的效果，那么如何用JS来实现呢
通常的办法是利用JS创建一个Date对象，通过对象来调用Date类的方法
代码如下：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>当前系统时间</title>
<script type="text/javascript">
  window.onload = function(){ //页面加载完成时实现
    showTime();
  }
  function checkTime(i){  //补位处理
     if(i<10){
         i="0"+i;
     } 
     return i;
  }
  function showTime(){ //时间显示函数
    var now=new Date(); //创建一个Date对象
    var year= now.getFullYear() ; //年
    var month=now.getMonth()+1 ; //月份（从0开始），所以+1
    var date= now.getDate()  ; //日（1-31）
    var day=now.getDay();  //星期（0-6）
    var h= now.getHours()  ; //小时（0-23）
    var m= now.getMinutes()  ;  //分钟（0-59）
    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+"月"+date+"日 "+ weekday[day] +h+":"+m+":"+s;
    t=setTimeout('showTime()',1000)  //设置定时器，每隔1s调用一次函数从而实现动态效果
  }
</script>
</head>
<body>
<div class="showTime">
  <div id="show">当前时间为：</div>
</div>
</body>
</html>

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/Febby_/article/details/82870950
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-08 11:02:31
阅读 ( 1073 )
分类：

利用Javascript实现当前系统时间显示

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看