setTimeout adalah salah satu fungsi built-in pada JavaScript yang memungkinkan Anda menunda eksekusi kode selama jangka waktu tertentu. Dalam artikel ini, saya akan membahas bagaimana cara membuat dan menggunakan fungsi setTimeout dalam JavaScript.
Langkah 1: Menentukan Fungsi untuk Dijalankan Setelah Jangka Waktu Tertentu
Pertama-tama, Anda harus menentukan fungsi yang akan dijalankan setelah jangka waktu tertentu. Fungsi ini bisa berupa fungsi bawaan JavaScript atau fungsi yang Anda buat sendiri.
Contoh:
function myFunction() {
console.log("Hello, World!");
}
Langkah 2: Menentukan Waktu Tunggu
Setelah menentukan fungsi yang akan dijalankan, selanjutnya adalah menentukan waktu tunggu sebelum fungsi tersebut dijalankan. Waktu tunggu ini dihitung dalam milidetik (ms).
Contoh:
let delayInMilliseconds = 2000; // 2 detik
Baca juga : Cara membuat kalkulator dalam javascript
Langkah 3: Memanggil Fungsi setTimeout
Setelah menentukan fungsi dan waktu tunggu, Anda dapat memanggil fungsi setTimeout untuk menunda eksekusi fungsi yang telah ditentukan.
Contoh:
setTimeout(myFunction, delayInMilliseconds);
Dalam contoh di atas, kita memanggil fungsi myFunction setelah waktu tunggu 2 detik (2000 ms). Anda juga dapat menggunakan fungsi anonymous atau arrow function sebagai alternatif dari fungsi yang ditentukan.
Contoh:
setTimeout(function() {
console.log("Hello, World!");
}, 2000);
setTimeout(() => console.log("Hello, World!"), 2000);
<!DOCTYPE html>
<html>
<body>
<p>Click the button to wait 2 seconds, then alert "Hello".</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
setTimeout(function(){ alert("Hello, World!"); }, 2000);
}
</script>
</body>
</html>
Kesimpulan:
Fungsi setTimeout sangat berguna dalam membuat animasi, mengatur waktu tunggu pada tampilan UI, atau memanggil fungsi yang memerlukan waktu untuk mengeksekusi. Dalam JavaScript, fungsi setTimeout sangat mudah untuk digunakan, cukup dengan menentukan fungsi yang akan dijalankan dan waktu tunggu, kemudian panggil fungsi setTimeout.
