国内外VPS
主机测评与优惠

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实时显示时间(自动变化)代码

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

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《js实时显示时间(自动变化)代码》
文章链接:https://www.liuzhanwu.com/3177.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

登录

找回密码

注册