js实现本地时间同步功能
更新时间:2017年08月26日 15:08:33 作者:路过夏天,不见春秋
这篇文章主要为大家详细介绍了js实现本地时间同步功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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设计模式之观察者模式(发布者-订阅者模式),本文详细的讲解了JavaScript中的观察者模式,需要的朋友可以参考下2014-09-09javascript中的Array对象(数组的合并、转换、迭代、排序、堆栈)
Array 是javascript中经常用到的数据类型。javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据。本文主要讨论javascript中数组的声明、转换、排序、合并、迭代等等基本操作2023-03-03详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
本篇文章主要介绍了webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件) ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-06-06《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
这篇文章主要介绍了《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史,需要的朋友可以参考下2015-01-01
最新评论