setTimeout di dalam JavaScript

Cara Membuat Fungsi setTimeout di dalam JavaScript

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.

 

Tolong Bagikan:
Pin Share

Leave a Comment

Your email address will not be published. Required fields are marked *

Translate »
Social media & sharing icons powered by UltimatelySocial

Enjoy this blog? Please spread the word :)

Scroll to Top