javascript setTimeout a setInterval w tej samej funkcji.

Question

Próbuję zrozumieć różnicę pomiędzy setTimeout a setInterval. Utworzyłem kod który wykonuje chyba to samo. Wynik daje ten sam. Ale ktoś mi może powiedzieć które jest lepsze i dlaczego?

var waitForEl = function(zmienna, callback) {
    if (zmienna==5) {
        callback();
    } else {
       const time = setInterval(function() {
            if (zmienna > 4) {clearInterval(time); waitForEl(zmienna, callback);return}
            console.log("Zmienna to: "+zmienna);
            zmienna++;
            
        }, 100);
    }
};

var waitForEl = function(zmienna, callback) {
    if (zmienna==5) {
        callback();
    } else {
        setTimeout(function() {
            console.log("Zmienna to: "+zmienna);
            zmienna++;
            waitForEl(zmienna, callback);
        }, 100);
    }
};

waitForEl(0, function() {
    console.log("Zmienna osiągneła wartość 5");
});

 

Answer 1

Polecam poczytać:

https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval

https://develoger.com/settimeout-vs-setinterval-cff85142555b

https://javascript.info/settimeout-setinterval

I obejrzeć:

https://www.youtube.com/watch?v=8aGhZQkoFbQ

Zauważalna różnica na "poziomie" kodu polega na tym, że jeśli nie przerwiesz interwału, to on będzie działał praktycznie przez cały czas życia aplikacji (lub dopóki wątek strony w przeglądarce nie zostanie "uśpiony"). Przy timeoutcie masz o tyle większą kontrolę, że sam uruchamiasz kolejny timer, więc możesz w między czasie zmienić opóźnienie kolejnego lub wykonać inną akcję przed - w ogóle - wysłaniem następnego timeouta do przetwarzania przez API (przeglądarki lub Node).

Różnice w wydajności oraz zalety i wady są omówione w pierwszych linkach. Więc, w zależności co chcesz osiągnąć, do tego dobierz setTimeout lub setInterval