Javascript时钟？

Question

我用PHP获得GMT时间，我想让它像时钟一样计数。

<?php $time = gmdate('H:i:s'); ?>

<script>var time = <?php echo($time) ?>;
    setInterval(function() {
        time += 1;
        $("#timediv").text("Current time (GMT): " + time);
        //somehow convert it to 11:44:31 AM ??
    }, 1000);
</script>

seomeon能帮我吗？

Answer 1

替换

<?php $time = gmdate('H:i:s'); ?>

与

<?php $time = gmdate('h:i:s A'); ?>

Answer 2

我不想听Motanelu的回答,而是改成这样：

<script>var time = Date.parse('<?php echo($time) ?>');
    setInterval(function() {
        time.setSeconds(time.getSeconds() + 1);
        $("#timediv").text("Current time (GMT): " + time);
        //somehow convert it to 11:44:31 AM ??
    }, 1000);
</script>

这将创建一个Date对象，您可以使用例如Time.ToLocalEtimeString()；对该对象进行格式化

Answer 3

首先，依赖setTimeout/setInterval精度来显示时间不是一个好主意。有多种原因导致它们不那么准确，比如CPU速度减慢。这就是为什么您应该使用Date对象，它使用实际时钟。

这是我想在客户端使用我的服务器的时间时所做的：

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

<!-- dateFormat plugin for nice and easy time formatting -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-dateFormat/1.0/jquery.dateFormat.min.js"></script>

<script>
    var clientTime = (new Date()).getTime(),
        serverTime = <?php echo time() ?> * 1000,
        difference = clientTime - serverTime;

    setInterval(function () {
        var now = new Date();

        now.setTime(now.getTime() - difference);

        $("#timediv").text("Current time (GMT): " + $.format.date(now, "hh:mm:ss a"));
    }, 1000);
</script>

其背后的关键概念是计算服务器时间和客户端时间之间的差异。然后，您将客户端（每次使用new Date()创建）的差异标准化。我们仍然在使用setInterval，但即使它由于某种原因被延迟或加速，显示的时间仍然是正确的。