Spanduk iklan di situs web, yang berubah setiap 2-3 detik, adalah ilustrasi pengatur waktu terbaik. Di situs web seperti Amazon, spanduk iklan ini diubah secara teratur. Untuk mengubahnya, kami menetapkan interval waktu. Kami akan menunjukkan cara membuat pengatur waktu di bab ini
SetInterval() dan setTimeout() adalah dua fungsi pengatur waktu dalam JavaScript yang memungkinkan penundaan eksekusi kode dan memungkinkan satu atau lebih proses diulang. Kami akan membahas fungsi pengatur waktu dan contohnya secara mendalam
Langsung . Menjadi Pengembang JavaScript Terbaik 🚀
Dapatkan akses ke banyak kursus praktik JavaScript, lab, dan jadilah pengembang web JavaScript full-stack yang dapat dipekerjakan
- Jaminan uang kembali gratis
- Akses tak terbatas ke semua kursus platform
- 100 proyek latihan disertakan
- Bantuan AI Instan Berbasis GPT-3
- Peta Jalan Pengembang Web Full-Stack Terstruktur Untuk Mendapatkan Pekerjaan
- Komunitas eksklusif untuk acara, lokakarya
Daftar isi
setTimeout()
Fungsi setTimeout() memungkinkan pengguna untuk menunda eksekusi kode. Metode setTimeout() membutuhkan dua parameter, salah satunya adalah fungsi yang ditentukan pengguna dan yang lainnya adalah jumlah waktu untuk menunda eksekusi. Argumen waktu, yang opsional untuk dilewati, menyimpan waktu dalam milidetik (1 detik = 1000 milidetik)
Sintaks dasar setTimeout() adalah
setTimeout(fungsi, milidetik)
Fungsi setTimeout() akan digunakan untuk menunda pencetakan pesan selama 3 detik. Alih-alih muncul segera setelah kode dieksekusi, pesan akan muncul di web setelah 3 detik. Mari intip kodenya untuk melihat cara kerjanya
<html> <body> <script> function delayFunction() { //display the message on web after 3 seconds on calling delayFunction document.write('<h3> Welcome to Codedamn<h3>'); } </script> <h4> Example of delay the execution of function <h4> <!?button for calling of user-defined delayFunction having 3 seconds of delay --> <button title = "setTimeout(delayFunction, 3000)"> Click Here </button> </body> </html>
Kode di atas akan berjalan dalam dua tahap. Bagian kode HTML akan berjalan terlebih dahulu, diikuti dengan kode JavaScript yang tersisa, yang akan berjalan setelah 3 detik jika Anda mengeklik tombol Klik Di Sini. Lihat hasilnya pada tabel di bawah ini. Setelah 3 detik, kode yang tersisa akan dijalankan saat Anda mengklik tombol Klik Di Sini. Setelah 3 detik, pesan yang mengatakan "Welcome to Codedamn" akan muncul di web (3000 milidetik)
setInterval()
Metode setInterval mirip dengan fungsi setTimeout() yang menyetel interval pengatur waktu. Itu mengulangi fungsi yang disediakan setelah interval waktu yang ditentukan. Atau, dengan kata lain, suatu fungsi diulang setelah jangka waktu tertentu yang ditentukan oleh pengguna dalam fungsi ini. Misalnya, tampilkan waktu saat ini setiap lima detik
Sintaks dasar setInterval() adalah
setInterval(fungsi, milidetik)
Itu menerima dua parameter, salah satunya adalah fungsi yang ditentukan pengguna dan yang lainnya adalah parameter interval waktu untuk menunggu sebelum menjalankan fungsi, mirip dengan metode setTimeout(). Argumen interval waktu opsional menyimpan panjang waktu dalam milidetik (1 detik = 1000 milidetik). Sekarang, lihat kode di bawah ini untuk melihat cara kerja metode ini
<html> <body> <script> function waitAndshow() { //define a date and time variable var systemdate = new Date(); //display the updated time after every 4 seconds document.getElementById("clock").innerHTML = systemdate.toLocaleTimeString(); } //define time interval and call user-defined waitAndshow function setInterval(waitAndshow, 4000); </script> <h3> Updated time will show in every 4 seconds </h3> <h3> The current time on your computer is: <br> <span id="clock"></span> </h3> </body> </html> _
Saat kode sebelumnya dijalankan, hasilnya adalah pernyataan HTML biasa tanpa string waktu, seperti yang ditunjukkan di bawah ini. Metode JavaScript akan dipanggil setelah 4 detik dan waktu akan ditampilkan. Ini akan menampilkan waktu di sistem Anda setiap empat detik. Penggunaan lain dari teknik setInterval() adalah untuk menampilkan string pesan setiap 4 detik tanpa batas
<html> <body> <script> function waitAndshow() { //display the message on web on calling delayFunction document.write('<h3> Welcome to Codedamn<h3>'); } </script> <h3> A string will show in every 4 seconds </h3> <!-- call user-defined delayFunction after 4 seconds --> <button title = "setInterval(waitAndshow, 4000)"> Click Here </button> </body> </html>
Hentikan atau batalkan pengatur waktu
Untuk membatalkan atau menghentikan timer dan menghentikan eksekusi kode, JavaScript menyediakan dua fungsi. clearTimeout() dan clearInterval(). Baik setTimeout() dan setInterval() mengembalikan ID yang berbeda. ClearTimeout() dan clearInterval() menggunakan ID ini untuk menghapus timer dan menghentikan eksekusi kode sebelum dimulai. Keduanya hanya memiliki satu parameter, yaitu ID
Kesimpulan
Ini tentang pengatur waktu dalam JavaScript. Jika Anda tertarik mempelajari JavaScript, lihat kursus tentang codedamn dengan lingkungan bawaan playground to learn and practice code. Join the komunitas codedamn dan lihat artikel lain yang terkait dengan pemrograman dan pengembangan di codedamn dan berlangganan buletin kami untuk tidak pernah melewatkan program baru kami dan . Jika Anda memiliki pertanyaan atau umpan balik, beri tahu kami di bagian komentar, juga jika Anda mendaftar di codedamn, periksa bagian rujukan, copy your link and refer to as many people as possible, and get exciting gifts, swags, and prizes from codedamn so don’t forget to check that out!
Langsung . Menjadi Pengembang JavaScript Terbaik 🚀
Dapatkan akses ke banyak kursus praktik JavaScript, lab, dan jadilah pengembang web JavaScript full-stack yang dapat dipekerjakan
- Jaminan uang kembali gratis
- Akses tak terbatas ke semua kursus platform
- 100 proyek latihan disertakan
- Bantuan AI Instan Berbasis GPT-3
- Peta Jalan Pengembang Web Full-Stack Terstruktur Untuk Mendapatkan Pekerjaan
- Komunitas eksklusif untuk acara, lokakarya
Belajar pemrograman di codedamn
Codedamn adalah platform pengkodean interaktif dengan banyak kursus pemrograman manis yang dapat membantu Anda mendapatkan pekerjaan pengkodean pertama Anda. Begini caranya
- Langkah 1 - Buat akun gratis
- Langkah 2 - Jelajahi peta jalan terstruktur (jalur pembelajaran), atau lihat semua kursus
- Langkah 3 - Berlatih coding gratis di taman bermain codedamn
- Langkah 4 - Tingkatkan ke akun keanggotaan Pro untuk membuka kunci semua kursus dan platform
Pemrograman adalah salah satu pekerjaan yang paling diminati saat ini. Belajar memprogram dapat mengubah masa depan Anda. Semua yang terbaik