Dừng bộ đếm thời gian JavaScript

Bạn đã biết cách khởi động bộ đếm thời gian, bây giờ hãy học cách dừng nó lại. Để làm điều này, bạn cần biết rằng mỗi bộ đếm thời gian, được khởi động bằng hàm setInterval, có một số định danh duy nhất. Số này được trả về bởi hàm setInterval tại thời điểm khởi động bộ đếm thời gian:

let timerId = setInterval(function() {
	console.log('!')
}, 1000);

alert(timerId); // in ra số định danh của bộ đếm thời gian

Để dừng bộ đếm thời gian, chúng ta sử dụng hàm clearInterval, hàm này nhận số định danh duy nhất của bộ đếm thời gian cần dừng.

Ví dụ, hãy khởi động một bộ đếm thời gian, in ra console các số theo thứ tự tăng dần, bắt đầu từ 1. Chúng ta sẽ dừng bộ đếm thời gian, ngay khi số 10 được in ra màn hình:

let i = 0;

let timerId = setInterval(function() {
	console.log(++i);
	
	if (i >= 10) {
		clearInterval(timerId);
	}
}, 1000);

Giả sử có một biến, ban đầu lưu trữ số 10. Hãy khởi động một bộ đếm thời gian, mỗi giây sẽ giảm giá trị của biến này đi 1 và in giá trị đó ra console. Ngay khi giá trị của biến đạt đến 0 - hãy dừng bộ đếm thời gian.