Hai teman-teman semuanya, apa kabar, balik lagi pada tutorial dumet school, teman-teman yang sudah belajar sedikit banyak tentang javascript pasti sudahlah paham dengan penggunakan setTimeout dengan setInterval pada javascript yups fungsinya adalah untuk menjalankan suatu fungsi dengan timing yang kita inginkan, nah pada jesempatan ini kita akan bahas tentang clearInterval pada javasript
Fungsi dari clearInterval ini adalah untuk menghentikan timing yang telah kita berikan dengan menggunakan setInterval, sebagai ontoh saya punya script seperti berikut ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <head> <title>clearInterval</title> </head> <body> <button>Stop</button> <script> var run = setInterval(function(){ console.log("haii") },300) var btn = document.getElementsByTagName("button"); btn[0].onclick = function(){ clearInterval(run) } </script> </body> </html> |
Script diatas apabila dijalankan dan kita liat pada bagian tab console kata hai akan terus muncul, dan terus bertambah karena saya menggunakan set initerval, nah script diatas jufa saya membuat sebuah tombol yang dimana apabila tombol itu diklik maka efek loopingan setIntervalnya akan berhenti.
Gimana teman-teman cupu mudah bukan, saya rasa untuk tutorial kali ini tentang clearInterval pada javasript, cukup sampai disini dulu semoga tutorial kali in dapat bermanfaat untuk teman teman emuanya, sampai bertemu lagi pada tutorial berikutnya,
Terima kasih