JavaScript-Lösung für die Setinterval-Verzögerung um eine Sekunde

JavaScript-Lösung für die Setinterval-Verzögerung um eine Sekunde

Bei Verwendung von setinterval wird festgestellt, dass es nach einer Verzögerung von einer Sekunde ausgeführt wird, wenn die Seite gerade geöffnet wurde. Da der Setinterval-Timer zuerst seine eigene Sekunde ausführt und dann den darin enthaltenen Inhalt verarbeitet, wird er nicht sofort angezeigt.

Beispiel: Erstellen Sie zuerst eine Div-Box und schreiben Sie dann den Skriptcode

var div = document.querySelector('div');
			varnum = 10;
			setzeIntervall(Funktion(){
				wenn(num==1){
					div.innerHTML = null;
					fn1 zurückgeben;
				}anders{
					Nummer--;
					div.innerHTML = 'Verbleibend' + num + 'Sekunden';
				}
			},1000);

Der Effekt ist wie unten dargestellt:

Es wird zuerst für diese Sekunde ausgeführt, wartet eine Sekunde und führt dann den darin angezeigten Inhalt aus

Lösung:

Direktanruf

var div = document.querySelector('div');
			Variable Nummer = 11;
			Funktion fn1(){
				wenn(num==1){
					div.innerHTML = null;
					fn1 zurückgeben;
				}anders{
					Nummer--;
					div.innerHTML = 'Verbleibend' + num + 'Sekunden';
				}
			}
			setzeInterval(fn1,1000);
			fn1();

Dies ist das Ende dieses Artikels über die Lösung für die einsekündige Verzögerung des JavaScript-Setintervals. Weitere Informationen zur Lösung für die einsekündige Verzögerung des JavaScript-Setintervals finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Allgemeine Array-Operationen in JavaScript
  • Eine einfache und eingehende Studie zu Async und Await in JavaScript
  • JavaScript-Implementierung des klassischen Schlangenspiels
  • Javascript-Grundlagen zu integrierten Objekten
  • Detaillierte Erläuterung des JavaScript-Betriebsmechanismus und eine kurze Diskussion über Event Loop
  • Vergleich zwischen Python-Coroutinen und JavaScript-Coroutinen
  • JavaScript zum Erreichen eines Mouse-Tailing-Effekts
  • JavaScript zum Erzielen eines einfachen Drag-Effekts
  • Detaillierte Erklärung der JavaScript-Array-Deduplizierung
  • JavaScript zur Implementierung des Flugzeugkriegsspiels
  • Detaillierte Erläuterung des Falls des JavaScript-Upload-Dateilimitparameters
  • Ein kurzer Vortrag über die Variablenförderung in JavaScript
  • Tiefgreifendes Verständnis des Ereignisausführungsmechanismus von JavaScript
  • 8 wichtige JavaScript-Codefragmente für Ihr Projekt

<<:  Grundlegende Anweisungen der MySQL-Datendefinitionssprache DDL

>>:  Analyse des Implementierungsprozesses für die Tomcat maxPostSize-Einstellung

Artikel empfehlen

Analysieren Sie das Arbeitsprinzip von Tomcat

SpringBoot ist wie eine riesige Python, die sich ...

CocosCreator Universal Framework Design Network

Inhaltsverzeichnis Vorwort WebSocket verwenden Er...

MySql-Wissenspunkte: Transaktion, Index, Sperrprinzip und Nutzungsanalyse

Dieser Artikel erläutert anhand von Beispielen di...

Vue implementiert unregelmäßige Screenshots

Inhaltsverzeichnis Bilderfassung durch SVG CSS-Te...

SSH-Portweiterleitung zur Erzielung einer Intranet-Penetration

Die Maschinen in unserem LAN können auf das exter...

Beispielanalyse zum Exportieren, Importieren und Kopieren von Docker-Images

Die erste Lösung besteht darin, das Bild in ein ö...

Schritte zum Bereitstellen eines Spring Boot-Projekts mit Docker

Inhaltsverzeichnis Erstellen Sie ein einfaches Sp...

JavaScript-Grundlagen: Funktion zur sofortigen Ausführung

Inhaltsverzeichnis Funktionsformat sofort ausführ...