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面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
javascript封装简单实现方法
Aug 11 Javascript
Bootstrap按钮下拉菜单组件详解
May 10 Javascript
js跨域资源共享 基础篇
Jul 02 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
Sep 12 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 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+mysql保存和输出文件
2006/10/09 PHP
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
CodeIgniter中实现泛域名解析
2014/07/19 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
php安全配置记录和常见错误梳理(总结)
2017/03/28 PHP
PHP+Ajax实现的博客文章添加类别功能示例
2018/03/29 PHP
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
跟我学习javascript解决异步编程异常方案
2015/11/23 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Numpy 改变数组维度的几种方法小结
2018/08/02 Python
django 控制页面跳转的例子
2019/08/06 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
Django crontab定时任务模块操作方法解析
2020/09/10 Python
CSS3弹性盒模型开发笔记(二)
2016/04/26 HTML / CSS
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
秋游活动策划方案
2014/02/16 职场文书
大学生个人自荐信样本
2014/03/02 职场文书
企业新年寄语
2014/04/04 职场文书
部门年终奖分配方案
2014/05/07 职场文书
监督检查工作方案
2014/05/28 职场文书
邀请函范文
2015/02/02 职场文书
介绍信怎么写
2015/05/05 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
2015年挂职锻炼个人总结
2015/10/22 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
团组织关系介绍信
2019/06/24 职场文书
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers