Cara Membuat Fungsi setTimeout didalam Javascript

Diposting pada
Fungsi setTimeout() merupakan cara yang paling mudah untuk membuat kode kita dijalankan secara asynchronous.

Fungsi ini menerima dua buah parameter. 
Pertama adalah fungsi yang akan dijalankan secara asynchronous, dan kedua adalah nilai number dalam milisecond sebagai nilai tunggu sebelum fungsi dijalankan. Contoh penggunaannya adalah seperti ini:

  1. console.log("Selamat datang!");

  2. setTimeout(() => {

  3.  console.log("Terimakasih sudah mampir, silakan datang kembali!")

  4. }, 3000)

  5. console.log("Ada yang bisa dibantu?")


Jika kita hanya mengenal program secara synchronous, maka kita dapat membayangkan hasilnya memiliki urutan sebagai berikut:
  • Mencetak -> Selamat datang!
  • Menunggu selama tiga detik
  • Mencetak -> Terima kasih sudah mampir, silakan datang kembali!
  • Mencetak -> Ada yang bisa dibantu?
Namun nyatanya setTimeout() tidak akan menghentikan JavaScript untuk melakukan eksekusi kode pada baris berikutnya. Sehingga urutannya menjadi seperti berikut:
  • Mencetak -> Selamat datang!
  • Mencetak -> Ada yang bisa dibantu?
  • Menunggu selama tiga detik
  • Mencetak -> Terimakasih sudah mampir, silakan datang kembali!
Jika kode tersebut dijalankan, maka akan menampilkan output sebagai berikut:
20200312170729f414a0fada93abd3a5d0736d14ecf72b.gif