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 加号(+)运算符号
Dec 06 Javascript
关于JS字符串函数String.replace()
Apr 07 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
jQuery中dom元素上绑定的事件详解
Apr 24 Javascript
原生JS实现N级菜单的代码
May 21 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
React应用中使用Bootstrap的方法
Aug 15 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
Oct 26 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
Jan 18 Javascript
Angular脚手架开发的实现步骤
Apr 09 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代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
ThinkPHP模板循环输出Volist标签用法实例详解
2016/03/23 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
浅析Prototype的模板类 Template
2011/12/07 Javascript
Egret引擎开发指南之视觉编程
2014/09/03 Javascript
浅谈JavaScript中的Math.atan()方法的使用
2015/06/14 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
2019/05/01 Javascript
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
python异步实现定时任务和周期任务的方法
2019/06/29 Python
Python之Class&amp;Object用法详解
2019/12/25 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
医药工作者的求职信范文
2013/09/21 职场文书
师范应届生教师求职信
2013/11/05 职场文书
团组织关系介绍信
2014/01/12 职场文书
小学生美德少年事迹
2014/02/02 职场文书
铁路工务反思材料
2014/02/07 职场文书
竞聘演讲稿
2014/04/24 职场文书
煤矿安全协议书
2014/08/20 职场文书
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年机关作风建设工作总结
2014/10/23 职场文书
满月酒邀请函
2015/01/30 职场文书
导游词之江苏同里古镇
2019/11/18 职场文书
Python使用openpyxl批量处理数据
2021/06/23 Python