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_ibm
May 16 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
Sep 10 Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 Javascript
js获取时间(本周、本季度、本月..)
Nov 22 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
基于jquery实现即时检查格式是否正确的表单
May 06 Javascript
JS重载实现方法分析
Dec 16 Javascript
node.js中fs.stat与fs.fstat的区别详解
Jun 01 Javascript
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
Canvas实现微信红包照片效果
Aug 21 Javascript
使用layui定义一个模块并使用的例子
Sep 14 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
全国中波电台频率表
2020/03/11 无线电
PHP 高手之路(一)
2006/10/09 PHP
CodeIgniter基本配置详细介绍
2013/11/12 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
PHP实现的各类hash算法长度及性能测试实例
2017/08/27 PHP
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
2017/02/27 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
2017/04/25 jQuery
你有必要知道的10个JavaScript难点
2017/07/25 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
用jQuery实现抽奖程序
2020/04/12 jQuery
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
python导入时小括号大作用
2017/01/10 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
Django项目中使用JWT的实现代码
2019/11/04 Python
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
面向对象编程OOP的优点
2013/01/22 面试题
TCP/IP模型的分界线
2012/12/01 面试题
简单说下OSPF的操作过程
2014/08/13 面试题
谢师宴答谢词
2015/01/05 职场文书
高校教师个人总结
2015/02/10 职场文书
2016新年慰问信范文
2015/03/25 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
html5中sharedWorker实现多页面通信的示例代码
2021/05/07 Javascript
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP