Exécuter script après un délai spécifique en utilisant JavaScript

Question

Existe-t-il une méthode JavaScript similaire à la méthode jQuery delay() o wait() (pour retarder l'exécution d'un script pendant une durée déterminée) ?

Answer 1

Juste pour ajouter à ce que tout le monde a dit au sujet de setTimeout : Si vous voulez appeler une fonction avec un paramètre dans le futur, vous devez mettre en place des appels de fonctions anonymes.

Vous devez passer la fonction comme argument pour qu'elle soit appelée plus tard. En fait, cela signifie qu'il ne faut pas mettre de parenthèses derrière le nom. L'exemple suivant appelle l'alerte en une seule fois et affiche "Hello world" :

var a = "world";
setTimeout(alert("Hello " + a), 2000);

Pour résoudre ce problème, vous pouvez soit mettre le nom d'une fonction (comme l'a fait Flubba), soit utiliser une fonction anonyme. Si vous devez passer un paramètre, alors vous devez utiliser une fonction anonyme.

var a = "world";
setTimeout(function(){alert("Hello " + a)}, 2000);
a = "Stack Overflow";

Mais si vous exécutez ce code, vous remarquerez qu'au bout de 2 secondes, la fenêtre contextuelle dira "Hello Stack Overflow". Cela est dû au fait que la valeur de la variable a a changé pendant ces deux secondes. Pour que la fenêtre contextuelle dise "Hello world" après deux secondes, vous devez utiliser l'extrait de code suivant :

function callback(a){
    return function(){
        alert("Hello " + a);
    }
}
var a = "world";
setTimeout(callback(a), 2000);
a = "Stack Overflow";

Il attendra 2 secondes et affichera ensuite 'Hello world'.

Answer 2

Il y a ce qui suit :

setTimeout(function, milliseconds);

à laquelle on peut passer le temps après lequel la fonction sera exécutée.

Voir : Fenêtre setTimeout() Méthode .

Answer 3

Juste pour développer un peu... Vous pouvez exécuter du code directement dans le setTimeout appel, mais comme @patrick dit, vous assignez normalement une fonction de rappel, comme ceci. Le temps est en millisecondes

setTimeout(func, 4000);
function func() {
    alert('Do stuff here');
}

Answer 4

Si vous voulez vraiment avoir un système bloquant (synchrone) delay (pour quoi que ce soit), pourquoi ne pas faire quelque chose comme ceci :

<script type="text/javascript">
    function delay(ms) {
        var cur_d = new Date();
        var cur_ticks = cur_d.getTime();
        var ms_passed = 0;
        while(ms_passed < ms) {
            var d = new Date();  // Possible memory leak?
            var ticks = d.getTime();
            ms_passed = ticks - cur_ticks;
            // d = null;  // Prevent memory leak?
        }
    }

    alert("2 sec delay")
    delay(2000);
    alert("done ... 500 ms delay")
    delay(500);
    alert("done");
</script>

Answer 5

Vous pouvez également utiliser window.setInterval() pour exécuter un code de manière répétée à un intervalle régulier.