While Loop Setinterval Javascript

While Loop Setinterval Javascript

3 min read Jun 20, 2024
While Loop Setinterval Javascript

Memahami While Loop dan setInterval di JavaScript

Dalam pengembangan web dengan JavaScript, kita seringkali membutuhkan kode yang dieksekusi secara berulang. Untuk mencapai hal ini, kita dapat menggunakan while loop dan setInterval().

While Loop

While loop adalah struktur kontrol dalam JavaScript yang memungkinkan kode untuk dieksekusi selama kondisi tertentu terpenuhi.

Berikut format umum while loop:

while (kondisi) {
  // Kode yang akan dieksekusi selama kondisi true
}

Contoh While Loop:

let i = 0;
while (i < 5) {
  console.log("Perulangan ke-" + i);
  i++;
}

Kode di atas akan menampilkan "Perulangan ke-0", "Perulangan ke-1", ..., "Perulangan ke-4" di konsol.

setInterval()

setInterval() adalah fungsi bawaan JavaScript yang memungkinkan kita menjalankan fungsi tertentu secara berulang pada interval waktu tertentu.

Berikut format umum setInterval():

setInterval(function, waktu);
  • function: Fungsi yang akan dieksekusi secara berulang.
  • waktu: Interval waktu dalam milidetik antara setiap eksekusi.

Contoh setInterval():

function updateJam() {
  let sekarang = new Date();
  let waktu = sekarang.toLocaleTimeString();
  document.getElementById("jam").innerHTML = waktu;
}

setInterval(updateJam, 1000);

Kode di atas akan memperbarui elemen HTML dengan id "jam" dengan waktu saat ini setiap detik.

Membedakan While Loop dan setInterval()

Meskipun keduanya digunakan untuk menjalankan kode secara berulang, terdapat perbedaan utama antara keduanya:

  • While loop berjalan terus menerus selama kondisi yang ditentukan terpenuhi.
  • setInterval() menjalankan fungsi pada interval waktu yang ditentukan, dan dapat dihentikan dengan menggunakan clearInterval().

Kesimpulan

While loop dan setInterval() merupakan alat yang berguna untuk menjalankan kode secara berulang. Pilihlah metode yang paling sesuai dengan kebutuhan Anda. While loop cocok untuk loop yang berjalan terus menerus selama kondisi terpenuhi, sedangkan setInterval() cocok untuk menjalankan fungsi secara berkala pada interval waktu tertentu.