setTimeout trong JavaScript

1. setTimeout trong JavaScript là gì
2. Cú pháp sử dụng setTimeout
3. Ví dụ cơ bản nhất về hàm setTimeout
   • Giải thích code sử dụng javascript setTimeout
4. clearTimeout Javascript là gì ?
5. Sử dụng setTimeout với đối số
   • Sử dụng setTimeout với 1 đối số
   • Sử dụng setTimeout với 2 đối số trở lên

1. setTimeout trong JavaScript là gì

setTimeout trong JavaScript là một hàm được sử dụng để gọi 1 hàm khác sau 1 thời gian chỉ định còn gọi là callback (hàm được gọi sau bao lâu), thời gian tính bằng miligiây (ms).

Hàm này rất hữu ích khi bạn muốn thực hiện một hành động nào đó sau một khoảng thời gian mà không làm gián đoạn các thao tác khác trong chương trình.

2. Cú pháp sử dụng setTimeout

SetTimeout(function, delay, arg1, arg2, ...)

    function: Hàm callback sẽ được thực thi sau khi trễ thời gian.
    delay: Khoảng thời gian (tính bằng miligiây) mà bạn muốn trì hoãn trước khi gọi hàm callback.
    arg1, arg2, ...: Các đối số tùy chọn, nếu có, sẽ được truyền vào hàm callback khi nó được gọi.

3. Ví dụ cơ bản nhất về hàm setTimeout

setTimeout(function() {

    console.log("Hello, tôi in ra sau 3 giây");

}, 3000);

Giải thích code sử dụng javascript setTimeout

Trong ví dụ trên, thông báo "Hello, tôi in ra sau 3 giây"

4. clearTimeout Javascript là gì ?

    const timeoutId = setTimeout(function() {

        console.log("Xem có in tôi ra không !");

    }, 3000);

   

   Bạn hãy sửa đoạn code javascrip trên lại có thêm dòng clearTimeout

    const timeoutId = setTimeout(function() {

        console.log("Xem có in tôi ra không !");

    }, 3000);

clearTimeout(timeoutId); // Hủy setTimeout trước khi nó được thực thi

   

  Đến đây bạn tư duy xem clearTimeout() được ứng dụng như thế nào trong thực tế ?

5. Sử dụng setTimeout với đối số

Sử dụng setTimeout với 1 đối số

function ThongBao(nd1) {

    console.log("Xin chào: " + nd1);

}

setTimeout(ThongBao, 1000, "JSON");

Giải thích: sau 1 giây in ra câu: Xin chào JSON

Sử dụng setTimeout với 2 đối số trở lên

function ThongBao(nd1,nd2) {

    console.log("Xin chào: " + nd1+", "+nd2);

}

setTimeout(ThongBao, 1000, "JSON","ASPX");

Giải thích: sau 1 giây in ra câu: Xin chào JSON, ASPX

Tìm kiếm: