Question

我有两个功能，理论上应该显示同一时间。他们确实在一段时间内显示同一时间，但它们很快就会失去同步。

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秒真的是一秒钟吗？

Answer 1

setInterval不会每XX秒执行一次。它宁愿不时地执行。这在很大程度上取决于脚本运行时。它需要的时间越长，你就越沮丧。

为了适应这种情况，你需要节省上次运行的时间，然后将setTimeout保存为1秒 - 运行时间。

Answer 2

server-time是用词不当
执行功能需要时间
setinterval表示该函数将在一秒钟后执行一段时间。取决于操作系统等正在做什么。

因此，您需要致电new Date()而不是尝试推断它。

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

2 个答案: