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

Lösung für Überlauf: versteckter Fehler in CSS

Ursache des Fehlers Als ich heute ein Karussell s...

Beheben Sie den abnormalen Fehler beim Erstellen einer Vue-Umgebung mit Webpack

Inhaltsverzeichnis Konfigurieren Sie zuerst packa...

Detaillierte Erklärung des Grid-Layouts und des Flex-Layouts der Anzeige in CSS3

Das Gitterlayout weist einige Ähnlichkeiten mit d...

Schnelles Verständnis des Vue-Routing-Navigationsschutzes

Inhaltsverzeichnis 1. Globale Wache 1. Globale Fr...

Vue verwendet Canvas, um den Bildkomprimierungs-Upload zu realisieren

In diesem Artikel wird der spezifische Code von V...

js Array-Einträge () Holen Sie sich die Iterationsmethode

Inhaltsverzeichnis 1. Detaillierte Syntax der Met...

Detailliertes Tutorial zum PyCharm- und SSH-Remote-Access-Server-Docker

Hintergrund: Einige Experimente müssen auf dem Se...

Detaillierte Erläuterung der Vue-Formularbindung und -Komponenten

Inhaltsverzeichnis 1. Was ist bidirektionale Date...

Implementierung der CSS-Bildlaufleisten-Stileinstellungen

WebKit-Bildlaufleistenstil zurücksetzen 1. Die Bi...