javascript - 一秒钟的JavaScript真的是一秒钟吗？

我有两个功能，理论上应该显示相同的时间。它们确实在同一时间显示了一段时间，但是它们很快变得不同步。

servertime函数如下：

function servertime() {
            <?php date_default_timezone_set("Europe/London")?>
            var hours = parseInt(<?php echo date("H");?>);
            var mins = parseInt(<?php echo date("i");?>);
            var secs = parseInt(<?php echo date("s");?>);
            var interval = setInterval(function() {increment() }, 1000);
            function increment() {
                if (secs == 59) {
                    secs = 0;
                    if (mins == 59) {
                        mins = 0;
                        if (hours == 23) {
                            hours = 00;
                        }
                        else {
                            hours = hours + 1;
                        }
                    }
                    else {
                        mins = mins + 1;
                    }
                }
                else {
                    secs = secs + 1;
                }
                if (String(hours).length == 1) {
                    hoursprint = "0" + hours;
                }
                else {
                    hoursprint = hours;
                }
                if (String(mins).length == 1) {
                    minsprint = "0" + mins;
                }
                else {
                    minsprint = mins;
                }
                if (String(secs).length == 1) {
                    secsprint = "0" + secs;
                }
                else {
                    secsprint = secs
                }
                var result = hoursprint + ":" + minsprint + ":" + secsprint;
                document.getElementById("server-time").innerHTML = "<p>" + result +"</p>";
            }
        }
        servertime();

clienttime函数如下：

function clienttime() {
            var interval = setInterval(function() {increment() }, 1000);
            function increment(){
                var i = new Date();
                var hours = String(i.getHours());
                var mins = String(i.getMinutes());
                var secs = String(i.getSeconds());
                if (hours.length == 1) {
                    hours = "0" + hours
                }
                if (mins.length == 1) {
                    mins = "0" + mins
                }
                if (secs.length == 1) {
                    secs = "0" + secs
                }
                var result = hours + ":" + mins + ":" + secs;
                document.getElementById("client-time").innerHTML = "<p>" + result +"</p>";
            }

        }
        clienttime();

由于后者每秒获取新的js时间，因此它与实际时间保持同步。

为什么服务器时间功能无法保持同步？
我是在犯一个简单的错误吗？
一秒钟的JavaScript真的是一秒钟吗？

最佳答案

setInterval不会每隔XX秒执行一次。而是不时执行。这在很大程度上取决于您的脚本运行时。它需要完成的时间越长，获得的同步就越多。

为了适应这一点，您需要保存上一次运行的时间，然后将TimeTimeout设置为1秒-运行时。

关于javascript - 一秒钟的JavaScript真的是一秒钟吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24218152/