Độ trễ trước khi thực thi trong JavaScript

Bây giờ hãy cùng phân tích hàm setTimeout, hàm này cho phép tạo độ trễ trước khi chạy mã. Khác với hàm setInterval, độ trễ này sẽ chỉ xảy ra một lần duy nhất.

Tham số đầu tiên của setTimeout nhận mã nguồn của hàm, còn tham số thứ hai là độ trễ tính bằng mili giây trước khi hàm đó được chạy.

Hãy xem hoạt động của hàm thông qua một ví dụ nào đó. Giả sử chúng ta có một nút bấm như sau:

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

Lấy tham chiếu đến nút bấm của chúng ta vào biến:

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

Bây giờ hãy làm sao để khi nhấp vào nút bấm, một thông báo alert sẽ xuất hiện, không phải ngay lập tức, mà sau 3 giây kể từ lúc nhấp:

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

Cho một đoạn văn. Viết mã để hiển thị một thông điệp vào đoạn văn này sau 10 giây kể từ khi trang được tải.