Dragon
主机之家测评主机之家测评  2019-08-27 10:52 主机之家测评 隐藏边栏 |   抢沙发  126 
文章评分 0 次,平均分 0.0

html 代码:

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

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

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

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

发表评论

扫一扫二维码分享