码迷,mamicode.com
首页 > Web开发 > 详细

js实现本地时间同步

时间:2017-08-26 12:51:14      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:datetime   htm   head   min   doc   mon   同步   tle   时间同步   

  • HTML代码
1 <html>
2 <head>
3     <title>时间</title>
4     <meta charset="utf-8">
5 </head>
6 <body onload="getTime()">
7     <span id="nowDateTimeSpan" ></span> 
8 </body>
9 </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;
    }
}

 

js实现本地时间同步

标签:datetime   htm   head   min   doc   mon   同步   tle   时间同步   

原文地址:http://www.cnblogs.com/Mhang/p/7434917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!