由服务器初始化并由客户端运行的时钟迟了
我想创建一个由服务器初始化的时钟，然后用这个代码继续客户端：
//initializing by server(ASP.NET):
<% var now=System.DateTime.Now; %>
var h=<%=now.Hour %>;
var m=<%=now.Minute %>;
var s=<%=now.Second %>;
//then client:
function startTime() {
s++;
if (s == 60) {
s = 0;
m++;
if (m == 60) {
m = 0;
h++;
if (h == 24)
h = 0;
}
}
m = checkTime(m);
s = checkTime(s);
h = checkTime(h);
document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
t = setTimeout(function () { startTime() }, 1000);
}
function checkTime(i) {
if (i < 10) {
if(i.toString().length<2)
i = "0" + i;
}
return i;
}
window.load = startTime();
但时钟每10分钟迟到约5秒钟。
我怎样才能防止这种延迟？
setTimeout不足以精确计时。 即使在没有其他事情发生的情况下，它也可以轻松关闭10ms 。 在很长一段时间内，这会歪曲你的时钟。
另一种实现时钟的方法是使用本地Date对象来依赖系统时钟来进行计算，并且只使用setTimeout来直观地更新时间。
现在由于setTimeout无法可靠地更新每秒的时间，所以您可以将其设置为100ms因此它会尝试每秒更新10次。 如果你的时间计算不太重，这应该很好地工作。
查看规范以了解如何使用Date ：https：//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date（Mozilla Firefox）
改为使用它：
//initializing by server(ASP.NET):
<% var now=System.DateTime.Now; %>
var d=new Date();
var h=<%=now.Hour %>;
var m=<%=now.Minute %>;
var s=<%=now.Second %>;
var sec=d.getSeconds();
//then client:
function startTime() {
var date = new Date();
if (date.getSeconds() != sec) {
sec = date.getSeconds();
s++;
}
if (s == 60) {
s = 0;
m++;
if (m == 60) {
m = 0;
h++;
if (h == 24)
h = 0;
}
}
m = checkTime(m);
s = checkTime(s);
h = checkTime(h);
document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
t = setTimeout(function () { startTime() }, 100);
}
function checkTime(i) {
if (i < 10) {
if(i.toString().length<2)
i = "0" + i;
}
return i;
}
window.load = startTime();