Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya, pembahasan kita kali ini masih tentang javascript, kali ini kita akan membahas perbedaan settimeout dengan setinterval pada javascipt.

Pada fungsinya sebenarnya hampir sama, kedua fungsi ini berfungsi untuk menset waktu yang kita inginkan, namun perbedaannya adalah kalau settimeout hanya dieksekusi satu kali dalam sekali reload, sedangkan dengan setinterval dilakaukan terus berulang, oke mungkin untuk lebih jelasnya silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya membuat sebuah element p dengan id cetak yang dimana saya mengatur setTimeOut untuk mencetak kata “selamat pagi juara” pada element yang berID cetak, jika script ini teman-teman jalankan pada browser, maka kata “selamat pagi juara akan tercetak setelah jeda 2 detik kita buka browsernya”, berbeda dengan setInterval, sekarang silahakan teman-teman buat script seperti ini:

Saya mebuat sebuah fungsi setInterval dengan mencetak kata “selamat pagi juara” dengan durasi waktu 1 detik pada console.log, sekarang teman-teman coba buka browsernya, lalu inspect element lihat pada bagian ini pada console

perbedaan settimeout dengan setinterval pada javascipt 1

nilai 7 ini akan terus bertambah karena fungsi dari setInterval adalah terus berulang.

Oke gimana teman-teman cukup mudah bukan, saya rasa untuk tutorial kali ini tentang perbedaan settimeout dengan setinterval pada javascipt cukup sampai sini dulu, semoga bermanfaat.

Terima kasih.