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中onbeforeunload与onunload事件
Dec 10 Javascript
node-http-proxy修改响应结果实例代码
Jun 06 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
JavaScript 中 apply 、call 的详解
Mar 21 Javascript
深入研究React中setState源码
Nov 17 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
element-ui 表格实现单元格可编辑的示例
Feb 26 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
Oct 01 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 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
php5.3 废弃函数小结
2010/05/16 PHP
Zend Framework实现Zend_View集成Smarty模板系统的方法
2016/03/05 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
jquery 图片 上一张 下一张 链接效果(续篇)
2010/04/20 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
2016/05/17 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
基于Angularjs-router动态改变Title值的问题
2018/08/30 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
2018/11/18 Javascript
使用koa-log4管理nodeJs日志笔记的使用方法
2018/11/30 NodeJs
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
[40:55]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#4Newbee VS Fnatic
2016/03/03 DOTA
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
python二进制文件的转译详解
2019/07/03 Python
python3实现高效的端口扫描
2019/08/31 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
python+OpenCV实现图像拼接
2020/03/05 Python
了解一下python内建模块collections
2020/09/07 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
Python抖音快手代码舞(字符舞)的实现方法
2021/02/07 Python
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
环境工程求职简历的自我评价范文
2013/10/24 职场文书
九年级体育教学反思
2014/01/23 职场文书
高三体育教学反思
2014/01/29 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
老公给老婆的保证书
2014/04/28 职场文书
员工趣味活动方案
2014/08/27 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
2014年有孩子的离婚协议书范本
2014/10/08 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
go语言基础 seek光标位置os包的使用
2021/05/09 Golang