您的位置：首页 > Web前端 > JavaScript

JS显示时间

2016-07-19 00:48 260 查看

使用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>

<body onload="systemTime();">
<span class="STYLE2" id="time1"></span>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航