js实时显示时间(自动变化)代码

html代码

  

js代码(简单版):

  setInterval(function(){      document.getElementById("currentTime").innerHTML=new Date().toLocaleString();  },1000); 

js实时显示时间(自动变化)代码

js代码(高级版):

  setInterval(function () {      fnDate();  }, 1000);
  //js 获取当前时间  function fnDate() {      var oDiv = document.getElementById("currentTime");      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);      var a = new Array("日", "一", "二", "三", "四", "五", "六");      var week = new Date().getDay();      var str = "星期" + a[week];      oDiv.innerHTML = time + " " + str;  }  //补位 当某个字段不是两位数时补0  function fnW(str){return str > 9 ? str : "0"+str;}

js实时显示时间(自动变化)代码

注:高级版实现了时间补全与星期显示

未经允许不得转载:吾爱主机之家 » js实时显示时间(自动变化)代码