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 相关文章推荐
33种Javascript 表格排序控件收集
Dec 03 Javascript
javascript 浏览器检测代码精简版
Mar 04 Javascript
最短的IE判断代码
Mar 13 Javascript
html中table数据排序的js代码
Aug 09 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
JavaScript实现添加、查找、删除元素
Jul 02 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
详解express与koa中间件模式对比
Aug 07 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
vue父子组件的通信方法(实例详解)
Nov 10 Javascript
JS实现秒杀倒计时特效
Jan 02 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时的知识积累总结
2013/06/07 PHP
php学习笔记之基础知识
2014/11/08 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
PHP可变函数学习小结
2015/11/29 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
laravel 关联关系遍历数组的例子
2019/10/10 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
python字典get()方法用法分析
2015/04/17 Python
python 调用有道api接口的方法
2019/01/03 Python
python自动化测试之DDT数据驱动的实现代码
2019/07/23 Python
python批量图片处理简单示例
2019/08/06 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
Python处理PDF与CDF实例
2020/02/26 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
海淘母婴商城:国际妈咪
2016/07/23 全球购物
商场活动策划方案
2014/01/24 职场文书
感恩节活动方案
2014/01/27 职场文书
学术会议主持词
2014/03/17 职场文书
合作协议书
2014/04/23 职场文书
艺术教育实施方案
2014/05/03 职场文书
保密工作目标责任书
2014/07/28 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
公司开业致辞
2015/07/29 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python