JS显示时间

来源：互联网发布：彩绘精灵mac 编辑：程序博客网时间：2024/06/06 21:40

使用javascript动态调用时间，需要注意一下几个问题：

1.在body标签中添加onload时间，这样的好处在于进入页面的时时会调用该方法，显示出时间

2.window.setInterval("systemTime()", 5000); 设置时间跳动的时间间隔

3.在要显示时间的地方，增加一个id属性，在函数体内部，document.getElementById("time1").innerHTML=shijian.，使得时间会显示在id标注的地方。

function systemTime() {
  //获取系统时间
  var dateTime = new Date();
  var year = dateTime.getFullYear();
  var month = dateTime.getMonth();
  var date = dateTime.getDate();
  var day = dateTime.getDay();
  month = month+1;
  var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  var week=arr_week[day];
  var hh = dateTime.getHours();
  var mm = dateTime.getMinutes();
  var ss = dateTime.getSeconds();
  var shijian =year+"年"+month+"月"+date+"日"+" "+week+" "+hh+"时"+mm+"分"+ss+"秒";
  document.getElementById("time1").innerHTML=shijian;
  //window.setInterval("systemTime()", 5000);
}
</script>
</head>

0 0