编程 Javascript

js实现本地时间同步功能

Posted in Javascript onAugust 26, 2017

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

js实现本地时间同步功能

- Author -

路过夏天，不见春秋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Mac/Windows下如何安装Node.js

Nov 22 Javascript

jQuery选择器简明总结（含用法实例,一目了然）

Apr 25 Javascript

JavaScript拆分字符串时产生空字符的解决方案

Sep 26 Javascript

javascript新闻跑马灯实例代码

Jul 29 Javascript

JavaScript中的Array 对象（数组对象）

Jun 02 Javascript

AngularJs bootstrap详解及示例代码

Sep 01 Javascript

基于jQuery实现歌词滚动版音乐播放器的代码

Sep 17 Javascript

微信小程序中hidden不生效原因的解决办法

Apr 26 Javascript

tween.js缓动补间动画算法示例

Feb 13 Javascript

微信小程序拍照和摄像功能实现方法示例

Feb 01 Javascript

初学node.js中实现删除用户路由

May 27 Javascript

JS随机密码生成算法

Sep 23 Javascript

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

Aug 26 #jQuery

Javascript快速实现浏览器系统通知

Aug 26 #Javascript

深入浅出es6模板字符串

Aug 26 #Javascript

vue与bootstrap实现时间选择器的示例代码

Aug 26 #Javascript

详解Angular4 路由设置相关

Aug 26 #Javascript

浅谈Angular路由守卫

Aug 26 #Javascript

javascript实现文字无缝滚动效果

Aug 26 #Javascript