Καθυστέρηση πριν από την εκτέλεση σε JavaScript

Ας δούμε τώρα τη συνάρτηση setTimeout, η οποία επιτρέπει μια καθυστέρηση πριν από την εκτέλεση του κώδικα. Αυτή η καθυστέρηση, σε αντίθεση με τη συνάρτηση setInterval, θα συμβεί μόνο μία φορά.

Η setTimeout δέχεται ως πρώτη παράμετρο τον πηγαίο κώδικα της συνάρτησης, και ως δεύτερη - την καθυστέρηση σε χιλιοστά του δευτερολέπτου πριν από την εκτέλεση αυτής της συνάρτησης.

Ας δούμε τη λειτουργία της συνάρτησης σε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε ένα τέτοιο κουμπί:

html<input type="submit" id="elem">

Ας πάρουμε μια αναφορά στο κουμπί μας σε μια μεταβλητή:

javascriptlet elem = document.querySelector('#elem');

Ας κάνουμε τώρα έτσι ώστε με το πάτημα στο κουμπί να εμφανίζεται ένα alert στην οθόνη, όχι αμέσως, αλλά μετά από 3 δευτερόλεπτα από το πάτημα:

javascriptelem.addEventListener('click', function() {
  setTimeout(function() {
    alert('!');
  }, 3000);
});