js获取当前时间显示在页面上并每秒刷新

  方法很简单,代码也很简洁,直接奉上代码吧

  

复制代码 代码如下:

  <!DOCTYPE html>

  <html lang="en">

  <head>

  <meta charset="UTF-8">

  <title>js获取当前时间显示在页面上</title>

  <script>

  window.onload=function(){

  //定时器每秒调用一次fnDate()

  setInterval(function(){

  fnDate();

  },1000);

  }

  //js 获取当前时间

  function fnDate(){

  var oDiv=document.getElementById("div1");

  var date=new Date();

  var year=date.getFullYear();//当前年份

  var month=date.getMonth();//当前月份

  var data=date.getDate();//天

  var hours=date.getHours();//小时

  var minute=date.getMinutes();//分

  var second=date.getSeconds();//秒

  var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);

  oDiv.innerHTML=time;

  }

  //补位 当某个字段不是两位数时补0

  function fnW(str){

  var num;

  str>10?num=str:num="0"+str;

  return num;

  }

  </script>

  </head>

  <body>

  <div id="div1"> </div>

  </body>

  </html>