欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js实现本地时间同步功能

程序员文章站 2022-04-29 08:26:36
本文实例为大家分享了js实现本地时间同步的具体代码,供大家参考,具体内容如下 html代码 <...

本文实例为大家分享了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;
 }
}

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