js synchronisiert die Zeit effizient mit dem Server

Dieses Mal werde ich Ihnen zeigen, wie Sie js effizient mit der Serverzeit synchronisieren können. Das Folgende ist ein praktischer Fall.

Option 1: Gehen Sie zum Server, um bei jedem Countdown die Uhrzeit anzufordern

Es ist bekannt, dass diese Lösung für Entwickler mit ein wenig Erfahrung unerwünscht ist. Denn dadurch wird der Server unvorstellbar belastet und die Anwendung abstürzt. Wenn Sie eine Minute auf dieser Seite bleiben, wird die Anfrage 60 Mal gesendet. Wenn zu diesem Zeitpunkt 100 Personen diese Seite besuchen, werden in einer Minute 6.000 Anfragen gesendet verursachen auf jeden Fall unnötigen Druck auf den Server. Darüber hinaus weist der Countdown dieser Lösung auch einen großen Fehler auf, da es zu einer Verzögerung bei der Anfrage kommt, die auch eng mit dem Status Ihres Netzwerks

//开启定时器
var timer = setInterval(function () {  
  //执行请求，获取当前服务端时间并进行相应操作
}, 1000);

zusammenhängt. Option 2: Einen Countdown basierend auf der Serverzeit vom Server

Zeitstempel

zurückgeben Vorteile:

//开启定时器
//假设请求获取到一个时间戳时间差 dateDiff
var timer = setInterval(function () {
  //每秒会获取本地时间，这样就算执行的周期不准确 也可以准确的获取时间差
  var countDown = endTime - (+Date.now())/1000 + dateDiff;
  // 倒计时页面渲染
}, 1000);

Einmal während des Seitenlebenszyklus anfordern

Hohe Genauigkeit, auch wenn die Seite schon lange geöffnet ist, bleibt die hohe Genauigkeit erhalten Nachteile:

Da die aktuelle Zeit jede Sekunde ermittelt wird, wird der Countdown abnormal sein, wenn die Ortszeit während des Countdown-Zeitraums absichtlich geändert wird.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Js+Canvas für die Bildkomprimierung

angularJS+Ionic für den Bild-Upload auf der mobilen Seite ( Code beigefügt)

Das obige ist der detaillierte Inhalt vonjs synchronisiert die Zeit effizient mit dem Server. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!