javascript - 实时时钟 javascript 从我的自定义时间开始

Question

我试图创建一个基于我的自定义时间而不是系统时间的实时/动态时钟。

有很多脚本，但我找不到时钟从我的自定义时间开始。

这是我正在尝试修改的示例。问题是秒数没有改变，看起来我需要使用ajax。有没有不用ajax的办法呢？如果没有的话，帮我用ajax来做吧!我不喜欢ajax方法的原因是应该调用并刷新另一个页面，所以它会吃掉服务器内存。

例如) http://www.javascriptkit.com/script/cut2.shtml

之前:

<script> 
function show(){ 
var Digital=new Date() 
var hours=Digital.getHours() 
var minutes=Digital.getMinutes() 
var seconds=Digital.getSeconds() 
... 
... 

之后:

<script> 
function show(){ 
var Digital=new Date() 
var hours=<?php echo $hr; ?>; 
var minutes=<?php echo $min; ?>; 
var seconds=<?php echo $sec; ?>; 
... 
... 

Answer 1

时钟不移动的原因是它使用的是服务器在最初呈现页面时设置的小时、分钟和秒值，而不是全新的 Date() 实例每次调用 show() 时创建。您需要利用 JavaScript 的内置 Date 对象来创建准确的时钟，因为 setTimeout 的准确性并不为人所知，构建您自己的时钟将是一个简单的过程麻烦(想象一下不得不担心闰年和夏令时之类的事情!)。

我建议每次调用 show() 时，使用您的自定义时间和实时。例如，如果您的自定义时间比实际时间晚30分钟，您可以调用:

function show() {
   var Digital=new Date();
   Digital.setMinutes(Digital.getMinutes() - 30); // Rewind 30 minutes
   var hours=Digital.getHours()
   var minutes=Digital.getMinutes()
   var seconds=Digital.getSeconds()
   // ..
}

Fiddle

希望这有帮助!