Settimeout Javascript Then

Settimeout Javascript Then

3 min read Jun 18, 2024
Settimeout Javascript Then

setTimeout() dan "then" dalam JavaScript

setTimeout() adalah fungsi bawaan dalam JavaScript yang memungkinkan Anda menunda eksekusi fungsi hingga waktu yang ditentukan. then adalah metode yang digunakan dalam Promises untuk menentukan tindakan yang akan dilakukan setelah Promise terselesaikan.

Mengapa Menggunakan setTimeout()?

setTimeout() sangat berguna untuk:

  • Menunda Eksekusi: Anda dapat menggunakannya untuk menunda eksekusi kode, misalnya untuk:
    • Membuat animasi yang lebih halus dengan menunda pembaruan elemen DOM.
    • Menunda permintaan HTTP untuk mencegah terlalu banyak permintaan dalam waktu singkat.
    • Menampilkan pesan atau notifikasi setelah beberapa detik.
  • Membuat Jeda: Anda dapat menggunakannya untuk membuat jeda dalam kode Anda, misalnya untuk:
    • Memberi waktu pengguna untuk membaca pesan sebelum melanjutkan.
    • Menunggu respons dari fungsi lain sebelum melanjutkan ke langkah berikutnya.

Menggabungkan setTimeout() dengan "then"

Anda dapat menggabungkan setTimeout() dengan "then" untuk membuat operasi asinkron dengan jeda waktu. Berikut adalah contoh:

setTimeout(() => {
    // Kode yang akan dieksekusi setelah 2 detik
    console.log("Hello setelah 2 detik!");
}, 2000)
.then(() => {
    // Kode yang akan dieksekusi setelah "Hello setelah 2 detik!" ditampilkan
    console.log("Kode ini akan dijalankan setelah delay");
});

Dalam contoh di atas:

  1. setTimeout() menunda eksekusi fungsi anonim yang menampilkan "Hello setelah 2 detik!" selama 2 detik.
  2. Setelah 2 detik, "Hello setelah 2 detik!" akan ditampilkan di konsol.
  3. Kemudian, then akan dieksekusi, dan fungsi anonim di dalamnya akan menampilkan "Kode ini akan dijalankan setelah delay" di konsol.

Keuntungan Menggunakan "then" dengan setTimeout()

  1. Kode Lebih Terstruktur: then membantu Anda mengatur kode asinkron dengan jelas, membuatnya lebih mudah dibaca dan dipahami.
  2. Memudahkan Pengolahan Hasil: Jika setTimeout() mengembalikan nilai, Anda dapat mengakses nilai tersebut melalui "then".

Contoh Penggunaan Lainnya

Berikut adalah contoh lain bagaimana setTimeout() dan "then" dapat digunakan:

  • Animasi: Anda dapat membuat animasi sederhana dengan menunda pembaruan posisi elemen DOM menggunakan setTimeout(). Setiap pembaruan dapat dijalankan melalui "then", menciptakan efek animasi.
  • Permintaan HTTP: Anda dapat menunda permintaan HTTP dengan setTimeout(), lalu menggunakan "then" untuk memproses respons yang diterima dari server.

Penting: Perhatikan bahwa setTimeout() tidak menjamin bahwa kode akan dieksekusi persis setelah waktu yang ditentukan. Waktu eksekusi dapat bervariasi tergantung pada faktor seperti beban server atau browser.

Related Post


Featured Posts