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

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

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

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

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

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

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

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

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

Δίνεται μια παράγραφος. Γράψτε κώδικα που θα εμφανίσει ένα μήνυμα σε αυτήν την παράγραφο μετά από 10 δευτερόλεπτα από τη φόρτωση της σελίδας.