js实现本地时间同步

Posted 2020-10-04 xhanglog

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js实现本地时间同步相关的知识，希望对你有一定的参考价值。

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实现本地时间同步的主要内容，如果未能解决你的问题，请参考以下文章

FFmpeg实现音视频同步的精准片段拼接

在phantom.js中同步page.evaluate

vscode代码片段建议bug