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 相关文章推荐
学习jquery之一
Apr 27 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
js取得url地址参数实例
Feb 22 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
Vue.js基础知识小结
Jan 13 Javascript
JS中的JSON对象的定义和取值实现代码
May 09 Javascript
vue 中swiper的使用教程
May 22 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
小程序实现tab标签页
Nov 16 Javascript
vue+element table表格实现动态列筛选的示例代码
Jan 14 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
PHP 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
PHP集成FCK的函数代码
2008/09/27 PHP
解析isset与is_null的区别
2013/08/09 PHP
PHP的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
一个js过滤空格的小函数
2014/10/10 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
微信小程序渲染性能调优小结
2019/07/30 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
[01:01:42]Secret vs Optic Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
使用CodeMirror实现Python3在线编辑器的示例代码
2019/01/14 Python
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
python redis 批量设置过期key过程解析
2019/11/26 Python
opencv+python实现均值滤波
2020/02/19 Python
django正续或者倒序查库实例
2020/05/19 Python
美国老牌主机服务商:iPage
2016/07/22 全球购物
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server
Python使用Web框架Flask开发项目
2022/06/01 Python