js实现本地时间同步功能
编程学习 2021-07-04 18:33www.dzhlxh.cn编程入门
这篇文章主要为大家详细介绍了js实现本地时间同步功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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;
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。