JS即时显示当前时间

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS即时显示当前时间相关的知识,希望对你有一定的参考价值。

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

  window.onload = function(){
    setInterval(showTime(),500);
  }

  function checkTime(i){  //补位处理
    i = i<10?0+i:i;
    return i;
  }

  function showTime(){
    var now=new Date();
    console.log(now);
    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);
    s=checkTime(s);
    var week = now.getDay();
    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[week]+h+":"+m+":"+s;
  }

</script>
</head>
<body>
<div class="content1">
  <div id="show">显示时间的位置</div>
</div>
</body>
</html>

遇到的问题及注意事项:

1、创建时间new Date(2017,6,6);和new Date("2017,6,6");两个结果不一样,加双引号就是6月,不加就是7月。

以上是关于JS即时显示当前时间的主要内容,如果未能解决你的问题,请参考以下文章

js常用代码片段(更新中)

一个小小的即时显示当前时间的jqury控件

jsp页面利用JS做即时时间显示

javascript是干嘛用的

找出当前显示的片段是啥的最佳方法是啥?

D3.js:“即时”向数组添加的元素不会刷新 svg 图形