Pengatur waktu adalah aspek penting dari bahasa pemrograman apa pun. Seperti kita ketahui waktu adalah uang. Jadi dalam artikel ini, kita akan melihat bagaimana mengimplementasikan dan bekerja dengan Timer di JavaScript:
Bekerja dengan Timer di JavaScript
Timer adalah fungsi yang memungkinkan kita menjalankan suatu fungsi pada waktu tertentu.Dengan menggunakan pengatur waktu, Anda dapat menunda eksekusi kode sehingga tidak dilakukan pada saat yang tepat saat suatu peristiwa dipicu atau halaman dimuat. Misalnya, Anda dapat menggunakan pengatur waktu untuk mengubah spanduk iklan di situs web Anda secara berkala, atau menampilkan jam waktu nyata, dll.
Ada fungsi pengatur waktu di JavaScript:setTimeout ()
Bagian berikut akan menunjukkan kepada Anda cara membuat timer untuk menunda kodeeksekusi serta cara melakukan satu atau lebih tindakan berulang kali menggunakan fungsi ini di JavaScript.
Metode jendela setTimeout ()
Definisi dan Penggunaan:
Metode setTimeout () memanggil fungsi atau mengevaluasi ekspresi setelah jumlah milidetik yang ditentukan.
TIP:
- 1000 ms = 1 detik.
- Fungsi ini hanya dijalankan satu kali. Jika Anda perlu mengulang eksekusi, gunakan
setInterval ()
metode. - Menggunakan
clearTimeout ()
metode untuk mencegah fungsi berjalan.
Fungsi ini menerima dua parameter: a fungsi , yang merupakan fungsi untuk dieksekusi, dan opsional menunda parameter, yaitu jumlah milidetik yang mewakili jumlah waktu menunggu sebelum menjalankan fungsi (1 detik = 1000 milidetik).
Nilai Kembali: Ini mengembalikan angka yang mewakili nilai ID timer yang diatur.
Kode: Timer di JavaScript
Berikut adalah kode untuk Pengatur Waktu di JavaScript yang mengatur pengatur waktu 2 menit dan ketika waktu naik peringatan Halaman 'waktu habis'. ItusetTimeout ()
metode memanggil fungsi atau mengevaluasi ekspresi setelah sejumlah milidetik.
// setel menit
var menit = 2
bagaimana melakukan pengujian database
// hitung detik
var secs = menit * 60
// Fungsi hitung mundur muncul saat halaman dimuat
function countdown () {
setTimeout ('Decrement ()', 60)
}
// Fungsi pengurangan mengurangi nilai.
function Decrement () {
if (document.getElementById) {
menit = document.getElementById ('menit')
detik = document.getElementById ('detik')
// jika kurang dari satu menit tersisa
// Menampilkan nilai detik saja.
if (detik<59) {
detik.value = detik
}
// Menampilkan menit dan detik
// getminutes dan getseconds digunakan untuk
// dapatkan menit dan detik
lain {
minutes.value = getminutes ()
detik.value = getseconds ()
}
// saat tersisa kurang dari satu menit
// warna menit dan detik
// berubah menjadi merah
jika (menit<1) {
minutes.style.color = 'merah'
seconds.style.color = 'merah'
}
// jika detik menjadi nol,
// maka waktu peringatan halaman habis
jika (menit<0) {
alert ('time up')
minutes.value = 0
detik.value = 0
}
perbedaan antara antarmuka dan kelas di java
// jika detik> 0 maka detik berkurang
lain {
kering--
setTimeout ('Decrement ()', 1000)
}
}
}
function getminutes () {
// menit adalah detik dibagi 60, dibulatkan ke bawah
menit = Math.floor (detik / 60)
kembali menit
}
function getseconds () {
// luangkan waktu beberapa menit (sebagai detik)
// dari total detik tersisa
kembali detik - Math.round (menit * 60)
}
Waktu tersisa ::
:
Jika kurang dari satu menit tersisa, warna pewaktu berubah menjadi merah.
Dengan ini, kita mengakhiri artikel Timer dalam JavaScript ini. C lihat saja oleh Edureka, perusahaan pembelajaran online tepercaya dengan jaringan lebih dari 250.000 pelajar yang puas dan tersebar di seluruh dunia.
Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar di Injeksi Ketergantungan ini di AngularJs dan kami akan menghubungi Anda kembali.