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之十一 添加事件核心方法
Jul 31 Javascript
JavaScript 代码压缩工具小结
Feb 27 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
Javascript基础教程之while语句
Jan 18 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 Javascript
requirejs + vue 项目搭建详解
Jun 16 Javascript
vuejs 单文件组件.vue 文件的使用
Jul 28 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
Vue 3.x+axios跨域方案的踩坑指南
Jul 04 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 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 file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
php中数据库连接方式pdo和mysqli对比分析
2015/02/25 PHP
简单解决新浪SAE无法上传文件的问题
2015/05/13 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
JavaScript 序列化对象实现代码
2009/12/18 Javascript
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
2014/01/02 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
javascript中new Array()和var arr=[]用法区别
2017/12/01 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
深入理解 ES6中的 Reflect用法
2020/07/18 Javascript
在Python中测试访问同一数据的竞争条件的方法
2015/04/23 Python
举例简单讲解Python中的数据存储模块shelve的用法
2016/03/03 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
Python模拟自动存取款机的查询、存取款、修改密码等操作
2018/09/02 Python
对pandas中时间窗函数rolling的使用详解
2018/11/28 Python
Python创建字典的八种方式
2019/02/27 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
酒店保洁主管岗位职责
2013/11/28 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
公务员考察材料
2014/12/23 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python
python实现学生信息管理系统(面向对象)
2022/06/05 Python