Opóźnienie w dodawaniu klasy przez jQuery.

Question

Dobry wieczór.

Mam taką funkcję jQuery: 

$(document).ready(function() {
      $('.fadeInUp').addClass("hideAnimation").viewportChecker({
          classToAdd: 'showAnimation animated fadeInUp',
          offset: 170
         });
      });

i chciałbym, aby dodawanie tych klas było opóźnione.

Wiem, że jest to pewnie coś bardzo prostego, ale ja się z tym męczę od pół godziny i nie mogę znaleźć działającego rozwiązania.

Pozdrawiam.

Answer 1

setTimeout(function() {

// kod

}, 200) //opóźnienie w milisekundach

 

Comments

W miejsce komentarza // kod mam wkleić po prostu mój kod?

---

W miejscu komentarza wstawiasz kod który ma się wykonać z opóźnieniem. To tak jak byś ten kod zapisał w postaci funkcji, w końcu tutaj też jak widać zamieszczasz go pomiędzy klamrami funkcji przekazywanej do setTimeout. Można to zrobić równie dobrze w ten sposób: 

setTimeout(myfunction, 200);

function myfunction() {
  console.log("Hey wykonuję się z opóźnieniem!");
}

Ważne jedynie aby nie podawać jako pierwszy argument setTimeout stringa, bo to powoduje wywołanie go jako eval.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval