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 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 Javascript
jquery focus(fn),blur(fn)方法实例代码
Dec 16 Javascript
jquery手风琴特效插件
Feb 04 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
Vue.js搭建移动端购物车界面
Jun 28 Javascript
详解tween.js 中文使用指南
Jan 05 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 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下实现一个阿拉伯数字转中文数字的函数
2008/07/10 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
关于使用 jBox 对话框的提交不能弹出问题解决方法
2012/11/07 Javascript
JS delegate与live浅析
2013/12/21 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
15个jquery常用方法、小技巧分享
2015/01/13 Javascript
JavaScript 拖拽实例代码
2016/09/21 Javascript
JS验证字符串功能
2017/02/22 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
2017/10/19 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
python检测远程服务器tcp端口的方法
2015/03/14 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
Python-opencv 双线性插值实例
2020/01/17 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
美国医疗用品、医疗设备和家庭保健用品商店:Medical Supply Depot
2018/07/08 全球购物
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
Linux面试题LINUX系统类
2015/11/25 面试题
理想点亮人生演讲稿
2014/05/21 职场文书
实验室的标语
2014/06/20 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
金榜题名主持词
2015/07/02 职场文书
python实现图片批量压缩
2021/04/24 Python
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
MySQL数据库 任意ip连接方法
2022/05/20 MySQL