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

Objektorientierte JavaScript-Implementierung eines Lupengehäuses

In diesem Artikel wird der spezifische Code der o...

Bootstrap 3.0-Lernunterlagen für Anfänger

Als ersten Artikel dieser Studiennotiz beginnen w...

So verbergen Sie die Versionsnummer in Nginx

Nginx verbirgt die Versionsnummer In einer Produk...

8 wichtige JavaScript-Codefragmente für Ihr Projekt

Inhaltsverzeichnis 1. Holen Sie sich die Dateierw...

So zeigen Sie Anwendungsprotokolle von Docker-Containern an

Docker-Attach-Befehl docker attach [options] 容器st...

js realisiert das dynamische Laden von Daten durch Wasserfallfluss

In diesem Artikel erfahren Sie den spezifischen C...

Detaillierte Erläuterung der Anwendungsszenarien von Filtern in Vue

filter werden im Allgemeinen verwendet, um bestim...

Gestaltung der Bildvorschau auf der Inhaltswebseite

<br />Ich habe bereits zwei Artikel geschrie...

JavaScript implementiert kreisförmiges Karussell

In diesem Artikel wird der spezifische JavaScript...

Grundlegende Konzepte und allgemeine Methoden des Map-Mappings in ECMAScript6

Inhaltsverzeichnis Was ist eine Zuordnung? Unters...

Installieren und konfigurieren Sie SSH in CentOS7

1. Installieren Sie openssh-server yum install -y...

Detaillierte Erklärung der Eigenschaften und Funktionen von Vuex

Inhaltsverzeichnis Was ist Vuex? Fünf Eigenschaft...