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 相关文章推荐
纯js实现的论坛常用的运行代码的效果
Jul 15 Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 Javascript
jquery实现全屏滚动
Dec 28 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
详解Chai.js断言库API中文文档
Jan 31 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
vue修改对象的属性值后页面不重新渲染的实例
Aug 09 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
基于js判断浏览器是否支持webGL
Apr 18 Javascript
vue实现拖拽进度条
Mar 01 Vue.js
基于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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
php经典算法集锦
2015/11/14 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
JS中style属性
2006/10/11 Javascript
javascript中常用编程知识
2013/04/08 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
js 自带的sort() 方法全面了解
2016/08/16 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
Vue router安装及使用方法解析
2020/12/02 Vue.js
python读取注册表中值的方法
2013/04/08 Python
python处理中文编码和判断编码示例
2014/02/26 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
python+opencv边缘提取与各函数参数解析
2020/03/09 Python
Python request使用方法及问题总结
2020/04/26 Python
python 元组的使用方法
2020/06/09 Python
python中pyplot基础图标函数整理
2020/11/10 Python
YSL Beauty加拿大官方商城:圣罗兰美妆加拿大
2017/05/15 全球购物
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
英文导游欢迎词
2014/01/11 职场文书
求职信怎么写
2014/05/23 职场文书
调解书格式范本
2015/05/20 职场文书
2015年测量员工作总结
2015/05/23 职场文书
环保守法证明
2015/06/24 职场文书
运动会3000米加油稿
2015/07/21 职场文书
课程设计感想范文
2015/08/11 职场文书
高中英语教学反思范文
2016/03/02 职场文书