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 限制数字 js限制输入实现代码
Dec 04 Javascript
js获取height和width的方法说明
Jan 06 Javascript
js取得url地址参数实例
Feb 22 Javascript
子页向父页传值示例
Nov 27 Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
js对象属性名驼峰式转下划线的实例代码
Sep 17 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
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
php使用function_exists判断函数可用的方法
2014/11/19 PHP
php 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码
2016/11/09 PHP
jquery事件与函数的使用介绍
2013/09/29 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
JS实现的倒计时效果实例(2则实例)
2015/12/23 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
JS实现可视化文件上传
2018/09/08 Javascript
微信小程序websocket聊天室的实现示例代码
2019/02/12 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
2020/08/03 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
linux系统使用python获取cpu信息脚本分享
2014/01/15 Python
python求crc32值的方法
2014/10/05 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
python爬虫超时的处理的实例
2018/12/19 Python
django如何通过类视图使用装饰器
2019/07/24 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
Python descriptor(描述符)的实现
2020/11/15 Python
css3闪亮进度条效果实现思路及代码
2013/04/17 HTML / CSS
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
建筑设计所实习生自我鉴定
2013/09/25 职场文书
优秀经理事迹材料
2014/02/01 职场文书
2014年维稳工作总结
2014/11/18 职场文书
2014年食品安全工作总结
2014/12/04 职场文书
2015新年寄语大全
2014/12/08 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
贷款担保书范本
2015/09/22 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书
解析:创业计划书和商业计划书二者之间到底有什么区别
2019/08/14 职场文书
关于SpringBoot 使用 Redis 分布式锁解决并发问题
2021/11/17 Redis