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 相关文章推荐
让网页根据不同IE版本显示不同的内容
Feb 08 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
Sep 04 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
js实现页面a向页面b传参的方法
May 29 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 Javascript
详解Angular.js的$q.defer()服务异步处理
Nov 06 Javascript
javascript观察者模式实现自动刷新效果
Sep 05 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
WEEX环境搭建与入门详解
Oct 16 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 多关键字 高亮显示实现代码
2012/04/23 PHP
PHP时间和日期函数详解
2015/05/08 PHP
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
利用JS延迟加载百度分享代码,提高网页速度
2013/07/01 Javascript
三种方式实现瀑布流布局
2017/02/10 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
动态Axios的配置步骤详解
2018/01/12 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python3 SSH远程连接服务器的方法示例
2018/12/29 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
python实现计算器简易版
2020/12/17 Python
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
为什么要有struct关键字
2012/05/08 面试题
大学生学习生活的自我评价
2013/11/01 职场文书
家长会邀请书
2014/01/25 职场文书
教师求职自荐书
2014/06/14 职场文书
英语课外活动总结
2014/08/27 职场文书
土地转让协议书
2014/09/27 职场文书
旷课检讨书500字
2014/10/14 职场文书
检讨书格式
2015/01/23 职场文书
论语读书笔记
2015/06/26 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
Oracle 多表查询基本语法实例
2022/04/18 Oracle
Java Spring Lifecycle的使用
2022/05/06 Java/Android
JS精髓原型链继承及构造函数继承问题纠正
2022/06/16 Javascript
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers