動態服務器時間

據我所知是沒有辦法，我可以得到動態服務器時間在IE瀏覽器中的腳本的setTimeout（）..我發現這個例子：動態服務器時間

function timeExam(){ 

    $.ajax({ 
    url : "inc/clock.php", 
    success : function (data) { 
    $("#clock_time").html(data); 
    } 
    }); 

      var func = function() 
      { 
       timeExam(); 
      } 

      setTimeout(func, 1000); 
    } 


      <body onload="timeExam();"> 
       bla bla bla 
      </body>

也許有可能使它工作嗎？

如果沒有，可以請你給我一個帶有服務器時間的動態時鐘，適用於所有瀏覽器？我嘗試了一個prototype.js的時鐘，但它與IE8中的jQuery UI發生衝突（顯示selectmenu錯誤）。我補充說，沒有衝突的代碼腳本，但沒用..有由於您使用jQuery來刪除的prototype.js

來源

2010-10-24 arturs

：

$(function() { 
    var updateSeconds = 60; 
    function updateClock() { 
    $.ajax({ 
     url : "inc/clock.php", 
     success : function (data) { 
     $("#clock_time").html(data); 
     setTimeout(updateClock, updateSeconds * 1000); 
     } 
    }); 
    } 
    setTimeout(updateClock, updateSeconds * 1000); 
});

更改「updateSeconds」不過你想要的。

我用setTimeout而不是setInterval做了這個，因爲它更安全一些。如果存在服務器問題，則這個問題不會一遍又一遍地重複注入HTTP請求，因爲它不會在當前成功的情況下設置新的更新。

來源

2010-10-24 14:08:55 Pointy

失蹤幾架...但水手不起作用..根本不顯示時間。 – arturs 2010-10-24 14:28:45

那麼你知道你的服務器實際返回什麼嗎？您可以使用Firebug（Firefox）或IE8調試器來檢查XHR的響應。 – Pointy 2010-10-24 14:30:01

沒有活動....... – arturs 2010-10-24 14:59:27

你的腳本所做的是在inc/clock.php上輪詢服務器上的腳本，並用腳本的輸出（大致）每秒替換#clock_time元素的內容。這應該工作，只要你有id爲clock_element一個元素，在腳本yoursite.tld/INC/clock.php

不過，我不同意不斷地輪詢服務器爲它的當前時間。只需將一次同步到Web服務器就足夠了。除了一些細微的差異之外，這應該能夠讓你的時鐘同步好一段時間。如果你的web應用運行了幾個小時或幾天，你應該定期重新同步你的時鐘（一天或一週應該做一次）。

使用Date對象跟蹤客戶端上的servertime。只需從clock.php的輸出（作爲先決條件的有效日期輸出）創建一個Date對象，並根據從您的時鐘與遠程服務器同步時的時間增量定期更新您的clock_element（如每秒）。

這裏是一些粗糙的代碼，而不是測試，propably一些語法錯誤，但短暫地顯示你應該做的：

function setupServerClock(clock_element, remote_time_url, remote_update_interval, local_update_interval) { 
    var w = window; 
    // client time on resync 
    var ct = new Date(); 
    // server time on resync 
    var st = new Date(); 
    // setup resync 
    w.setInterval(function() { 
     jQuery.ajax({ 
      url: remote_time_url, 
      success: function (data) { 
       ct = new Date(); 
       st = new Date(data); 
      } 
     }); 
    }, remote_update_interval); 
    // setup local clock display 
    w.setInterval(function() { 
     // the time passed on our local machine since the last resync 
     var delta = new Date() - ct; 
     // we assume the same time passed at the server 
     // (yeah, I know, spacetime might not be the same at the servers 
     // place and off the shelve clocks are pretty inaccurate) 
     var clock = st - 0 + delta; // - 0 to convert to microsecond timestamp 
     jQuery(clock_element).html(new Date(clock)); 
    }, local_update_interval); 
}

調用它的東西，如：

setupServerClock(jQuery('#clock_element'), 'inc/clock.php', 1000 * 60 * 60, 1000);

，這將建立時鐘寫入#clock_element，使用從yourdomain.tld/inc/clock.php返回的值，每小時重新同步時鐘並每秒鐘更新時鐘的本地表示。

哦，你能想到的只是給用戶反饋時鐘如果定期重新同步的確帶來了「跳躍」，他的時鐘被更新，例如像這樣

w.setInterval(function() { 
     jQuery(clock_element).html('resyncing clock...'); 
     jQuery.ajax({ 
      url: remote_time_url, 
      success: function (data) { 
       ct = new Date(); 
       st = new Date(data); 
      } 
     }); 
    }, remote_update_interval);

來源

2010-10-24 14:09:06

那麼沒有什麼辦法可以將客戶端時鐘與服務器「同步」你只是沒有從瀏覽器中的JavaScript代碼中獲得這種能力。如果客戶端時鐘正在漂移，那麼客戶端代碼將不得不進行某種適應性調整，這會非常複雜。 – Pointy 2010-10-24 14:11:34

當然我在談論他的#clock_element作爲「客戶端時鐘」 – 2010-10-24 14:12:18

是的，我明白這一點。我的意思是，如果他真的想要在服務器上精確顯示實際時間，那麼最簡單的方法就是設置好他的設置。一分鐘左右的HTTP請求並不是那麼糟糕。現在，如果希望時鐘在幾秒鐘內打勾，那麼我想我會在客戶端做到這一點，但實際服務器時間相差一兩秒時不可避免的「跳躍」可能會讓人分心。取決於我猜的應用程序。 – Pointy 2010-10-24 14:16:29

動態服務器時間

回答

相關問題