js实现本地时间同步功能

2019-11-19 15:39:55

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了js实现本地时间同步的具体代码，供大家参考，具体内容如下

HTML代码

<html><head> <title>时间</title> <meta charset="utf-8"></head><body onload="getTime()"> <span id="nowDateTimeSpan" ></span> </body></html>

js代码

//时间function getTime(){ var ndate = new Date(); var nyear = ndate.getFullYear(); var nmonth = ndate.getMonth()+1; var nday = ndate.getDate();  var nhour = ndate.getHours(); var nminute = ndate.getMinutes(); var nsecond = ndate.getSeconds(); // 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09 nmonth=checkTime(nmonth); nday=checkTime(nday); nminute=checkTime(nminute);  nsecond=checkTime(nsecond);  document.getElementById('nowDateTimeSpan').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan1').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan2').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan3').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond; document.getElementById('nowDateTimeSpan4').innerHTML=nyear+"-"+nmonth+"-"+nday+" "+nhour+":"+nminute+":"+nsecond;  //setTimeout('getTime()',1000);//每一秒中重新加载startTime()方法 function checkTime(i){   if (i<10){   i="0" + i;  }   return i; }}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：微信小程序实现顶部选项卡(swiper)

下一篇：基于jQuery实现图片推拉门动画效果的两种方法