Detaillierte Erläuterung der Schritte zum Synchronisieren von js und Serverzeit

Dieses Mal werde ich Ihnen die Schritte zum Synchronisieren von js und Serverzeit ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für die Synchronisierung von js und Serverzeit?

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

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

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 zusammenhängt.

Option 2: Einen Countdown basierend auf der Serverzeit vom Server Zeitstempel

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

zurückgeben Vorteile:

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:

angularJS+Ionic implementiert die Funktion zum Hochladen mobiler Bilder

BootStrap+Validator führt die Kalibrierung in der JS-Check-Funktion durch

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Synchronisieren von js und Serverzeit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!