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;
 }
}

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

Javascript 相关文章推荐
用javascript动态调整iframe高度的代码
Apr 10 Javascript
js类型检查实现代码
Oct 29 Javascript
jQuery代码优化 事件委托篇
Nov 01 Javascript
jQuery的animate函数学习记录
Aug 08 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
js仿搜狐视频记录片列表展示效果
May 30 Javascript
JS库之wow.js使用方法
Sep 14 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 Javascript
在微信小程序里使用watch和computed的方法
Aug 02 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 Javascript
JavaScript基于数组实现的栈与队列操作示例
Dec 22 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
You might like
谈谈PHP语法(5)
2006/10/09 PHP
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
实用PHP会员权限控制实现原理分析
2011/05/29 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
初识PHP中的Swoole
2016/04/05 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
php反射学习之不用new方法实例化类操作示例
2019/06/14 PHP
event.keyCode键码值表 附只能输入特定的字符串代码
2009/05/15 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
2013/08/02 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
2017/08/04 Javascript
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
node实现登录图片验证码的示例代码
2018/04/20 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
python微信公众号开发简单流程
2018/03/23 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
详解用Python实现自动化监控远程服务器
2019/05/18 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
SmartBuyGlasses台湾:名牌眼镜,名牌太阳眼镜及隐形眼镜
2017/01/04 全球购物
德购商城:德国进口直邮商城
2017/06/13 全球购物
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
女性时尚网购:Chic Me
2019/07/30 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
十八届三中全会学习方案
2014/02/16 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
2015年助残日活动总结
2015/03/27 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
高中运动会广播稿
2015/08/19 职场文书
只需要100行Python代码就可以实现的贪吃蛇小游戏
2021/05/27 Python
Nginx HTTP跳转至HTTPS
2022/05/15 Servers