基于TimeAPI的JavaScript时钟

时间:2014-02-06 07:41:28

标签: javascript datetime

我想基于TimeAPI.org创建一个JavaScript时钟。 原因是我想确保客户端与服务器具有完全相同的时间。

svclock(json)中,它可以在变量中保存年/月/日/小时等 但是当我试图把setHours中的那些变量放在我的时钟功能中时 时钟的格式如下:
1391670641381:1391670761381:1391670727381  而不是15:27:06

有更简单的方法吗?

<html>
<head>


<script>
var svtime,svyear,svmonth,svdate,svday,svhour,svmin,svsec,newtime;

function svclock(json) {
    svtime=new Date(json.dateString);
    svyear=String(svtime).substr(11,4);
    svmonth=String(svtime).substr(4,3);
    svdate=String(svtime).substr(8,2);
    svday=String(svtime).substr(0,3);
    svhour=String(svtime).substr(16,2);
    svmin=String(svtime).substr(19,2);
    svsec=String(svtime).substr(22,2);
    newtime=svhour+':'+svmin+':'+svsec;
    //newtime=svyear+'/'+svmonth+'/'+svdate+'('+svday+')'+' '+svhour+':'+svmin+':'+svsec;
}

function startTime()
{
    var today=new Date();
    var h=today.setHours(svhour);
    var m=today.setMinutes(svmin);
    var s=today.setSeconds(svsec);

    document.getElementById('clock').innerHTML=h+":"+m+":"+s;
    t=setTimeout(function(){startTime()},1000);
}
</script>


<script type="text/javascript" src="http://timeapi.org/gmt/now.json?callback=svclock"></script>


</head>

<body onload="startTime()">
<div id="clock"></div>
</body>
</html>

0 个答案:

没有答案