Maison >interface Web >js tutoriel >Comment utiliser la fonction setTimeout en JavaScript ?

Comment utiliser la fonction setTimeout en JavaScript ?

Guanhui
Guanhuioriginal
2020-06-24 15:48:094510parcourir

La fonction de la fonction setTimeout en JavaScript est d'appeler une fonction ou une expression de calcul après un nombre spécifié de millisecondes. Sa syntaxe est "setTimeout(func,ms)". être passé Donner la fonction "clearTimeout" pour annuler l'exécution.

Comment utiliser la fonction setTimeout en JavaScript ?

Prise en charge du navigateur

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

Exemple de code

" Bonjour" apparaît après 3 secondes (3000 millisecondes) :

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

Modifiez le texte dans la zone de saisie à 2, 4 et 6 secondes :

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

Utilisez clearTimeout() pour empêcher l'exécution de la fonction :

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

Tutoriel recommandé : "Tutoriel JS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn