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 面向对象编程 聊聊对象的事
Sep 17 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
JavaScript判断密码强度(自写代码)
Sep 06 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
js获取元素的外链样式的简单实现方法
Jun 06 Javascript
Javascript 实现简单计算器实例代码
Oct 23 Javascript
微信小程序渲染性能调优小结
Jul 30 Javascript
js实现简单页面全屏
Sep 17 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
Sep 23 Javascript
JS实现碰撞检测效果
Mar 12 Javascript
JavaScript实现横版菜单栏
Mar 17 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
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
php使用百度天气接口示例
2014/04/22 PHP
深入浅析php中sprintf与printf函数的用法及区别
2016/01/08 PHP
jquery $.ajax入门应用二
2008/11/19 Javascript
js对象的比较
2011/02/26 Javascript
javascript针对DOM的应用实例(一)
2012/04/15 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
2014/06/27 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
简单实现js鼠标跟随效果
2020/08/02 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
vue-ajax小封装实例
2017/09/18 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
微信小程序 导入图标实现过程详解
2019/10/11 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
2021/02/06 Javascript
Python实现多线程下载文件的代码实例
2014/06/01 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
详解js文件通过python访问数据库方法
2019/03/03 Python
tensorflow 查看梯度方式
2020/02/04 Python
python能开发游戏吗
2020/06/11 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
2014年乡镇植树节活动方案
2014/02/28 职场文书
简单的项目建议书模板
2014/03/12 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
环卫工作汇报材料
2014/10/28 职场文书
2015年党员承诺书
2015/01/21 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书
mysql的数据压缩性能对比详情
2021/11/07 MySQL