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 相关文章推荐
jquery each的几种常用的使用方法示例
Jan 21 Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
12306验证码破解思路分享
Mar 25 Javascript
jQuery实现简单滚动动画效果
Apr 07 Javascript
判断数组的最佳方法(推荐)
Oct 11 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
js中DOM三级列表(代码分享)
Mar 20 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 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中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
PHP开发实现微信退款功能示例
2017/11/25 PHP
任意位置显示html菜单
2007/02/01 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
js 距离某一时间点时间是多少实现代码
2013/10/14 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
js中this的用法实例分析
2015/01/10 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
星球大战与Python之间的那些事
2016/01/07 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
python 批量修改/替换数据的实例
2018/07/25 Python
python实现键盘控制鼠标移动
2020/11/27 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
python实现趣味图片字符化
2019/04/30 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
python清空命令行方式
2020/01/13 Python
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
学生自我评价范文
2014/02/02 职场文书
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
环保志愿者活动方案
2014/08/14 职场文书
学生违反校规检讨书
2014/10/28 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
匿名信格式范文
2015/05/27 职场文书
学校教代会开幕词
2016/03/04 职场文书
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python
Python开发五子棋小游戏
2022/04/28 Python