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

html代码

  <div id="currentTime"></div>

js代码(简单版):

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

实时显示时间(自动变化)代码" src="https://www.52pchome.cn/wp-content/uploads/2020/12/20201207_5fce072a531c4.png" alt4="js实时显示时间(自动变化)代码" alt="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实时显示时间(自动变化)代码

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

声明: 1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。 2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。 3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。 4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。:吾爱主机之家 » js实时显示时间(自动变化)代码