24. Time Events Trong Lập Trình Javascript

Trong lập trình JavaScript, bạn có thể tạo các sự kiện thời gian (time events) để thực hiện một hành động hoặc gọi một hàm sau một khoảng thời gian nhất định hoặc lặp lại theo chu kỳ. Có hai hàm chính trong JavaScript để tạo sự kiện thời gian: setTimeout() và setInterval().

setTimeout(): Hàm này được sử dụng để thực hiện một hành động hoặc gọi một hàm sau một khoảng thời gian nhất định. Sau khi thời gian đã trôi qua, hàm được gọi một lần.

Cú pháp:

javascript

setTimeout(function, delay);

Trong đó:

function: Đây là hàm hoặc đoạn mã mà bạn muốn thực thi sau khi hết thời gian chờ.
delay: Khoảng thời gian chờ (được tính bằng mili giây) trước khi hàm được gọi.

Ví dụ sử dụng setTimeout():

javascript

function sayHello() {
  console.log('Hello!');
}

setTimeout(sayHello, 2000); // Sau 2 giây, "Hello!" sẽ được in ra màn hình

setInterval(): Hàm này được sử dụng để lặp lại việc thực hiện một hành động hoặc gọi một hàm theo một khoảng thời gian cố định. Hàm này sẽ tiếp tục lặp lại cho đến khi bạn gọi hàm clearInterval() để dừng sự kiện thời gian.

Cú pháp:

javascript

setInterval(function, interval);

Trong đó:

function: Đây là hàm hoặc đoạn mã mà bạn muốn thực thi trong mỗi chu kỳ.
interval: Khoảng thời gian giữa các chu kỳ (được tính bằng mili giây).

Ví dụ sử dụng setInterval():

javascript

let count = 1;

function displayCount() {
  console.log('Count:', count);
  count++;
}

const intervalId = setInterval(displayCount, 1000); // Mỗi giây, số count sẽ được in ra màn hình

// Sau 5 giây, dừng sự kiện thời gian
setTimeout(function() {
  clearInterval(intervalId);
  console.log('Interval stopped.');
}, 5000);

Lưu ý rằng nếu bạn không dừng sự kiện thời gian bằng cách gọi clearInterval(), thì setInterval() sẽ tiếp tục lặp lại mã bất kể có bao lâu. Do đó, hãy chắc chắn dừng sự kiện thời gian khi không cần thiết để tránh lãng phí tài nguyên và hiệu suất.

Leave a Comment Cancel Reply