Heim > Web-Frontend > js-Tutorial > Wie verwende ich die setTimeout-Funktion in JavaScript?

Wie verwende ich die setTimeout-Funktion in JavaScript?

Guanhui
Freigeben: 2020-06-24 15:48:09
Original
4490 Leute haben es durchsucht

Die Funktion der setTimeout-Funktion in JavaScript besteht darin, eine Funktion oder einen Berechnungsausdruck nach einer bestimmten Anzahl von Millisekunden aufzurufen. Ihre Syntax ist „setTimeout(func,ms)“. übergeben werden Geben Sie die Funktion „clearTimeout“ an, um die Ausführung abzubrechen.

Wie verwende ich die setTimeout-Funktion in JavaScript?

Browser-Unterstützung

方法 Chrome Internet Explorer / Edge Firefox Safari Opera
setTimeout() 1.0 4.0 1.0 1.0 4.0

Beispielcode

" „Hallo“ erscheint nach 3 Sekunden (3000 Millisekunden):

var myVar; 
function myFunction() {
    myVar = setTimeout(alertFunc, 3000);}
 function alertFunc() {
    alert("Hello!");}
Nach dem Login kopieren

Ändern Sie den Text im Eingabefeld nach 2, 4 und 6 Sekunden:

var x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 秒" }, 2000);
setTimeout(function(){ x.value = "4 秒" }, 4000);
setTimeout(function(){ x.value = "6 秒" }, 6000);
Nach dem Login kopieren

Verwenden Sie clearTimeout(), um die Ausführung zu verhindern der Funktion:

var myVar;
 
function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
 
function myStopFunction() {
    clearTimeout(myVar);
}
Nach dem Login kopieren

Empfohlenes Tutorial: „JS Tutorial

Das obige ist der detaillierte Inhalt vonWie verwende ich die setTimeout-Funktion in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage