Apakah ada fungsi timer di javascript?

Jika Anda tidak menghentikan metode setInterval dari memanggil fungsi, maka ia akan terus menjalankan fungsi tersebut hingga tak terbatas. Jadi kita perlu menghentikan interval

Untuk menghentikan metode setInterval() gunakan metode clearInterval() dan teruskan instance dari fungsi setInterval() (Saat memanggil metode setInterval(), ia mengembalikan instance yang dapat disimpan dalam variabel)

var intervalInstance = setInterval();
clearInterval(intervalInstance);

Contoh berikut berisi tombol onclick yang menghapus interval fungsi penghitung

Contoh

Clear Interval

2. Fungsi set Timeout

Metode setTimeout() memanggil fungsi atau mengevaluasi ekspresi setelah jumlah milidetik yang ditentukan.

Tidak seperti metode setInterval() , setTimeout() .

setTimeout(function, interval)
// or
setTimeout(code, interval)

Metode ini berisi 2 parameter

• fungsi/kode - fungsi atau kode yang ingin Anda jalankan setelah waktu tertentu.
• interval - Ini diberikan waktu dalam milidetik setelah fungsi atau kode akan dieksekusi.

Contoh berikut menunjukkan waktu saat ini setelah 3 detik

Contoh

setTimeout(printTime, 3000);

function printTime() {
  console.log(new Date());
}

Bagaimana Cara Menghentikan setTimeout() Dari Memanggil Fungsi?

Metode

var count = 1;

function counting() {
  console.log(count);
  count++;
}
// Calling function after 1 sec
setInterval(counting, 1000);

Metode

var count = 1;

function counting() {
  console.log(count);
  count++;
}
// Calling function after 1 sec
setInterval(counting, 1000);

var count = 1;

function counting() {
  console.log(count);
  count++;
}
// Calling function after 1 sec
setInterval(counting, 1000);

clearTimeout(timeoutReference);
var timeoutReference = setTimeout();

Metode setTimeout() mengembalikan referensi yang diteruskan di

var count = 1;

function counting() {
  console.log(count);
  count++;
}
// Calling function after 1 sec
setInterval(counting, 1000);

Metode berikut mencetak waktu setelah tiga detik, menghentikannya dari pencetakan dengan mengosongkan setTimeout()

Contoh

var ref;
var element = document.getElementById("output");
function printTime() {
  ref = setTimeout(showTime, 3000);
}
function stopIt() {
  clearTimeout(ref);
}
function showTime() {
  element.innerHTML = new Date();
}

laporkan iklan ini

Kapan Menggunakan setInterval() Dan setTimeout()?

Mari kita lihat beberapa skenario dan lihat fungsi javascript apa yang digunakan untuk menjalankan fungsi dalam skenario yang diberikan

SkenarioApa yang digunakanUntuk memanggil fungsi 'n' beberapa kaliMenggunakan loop javascript, mengulang untuk 'n' beberapa kali, dan memanggil fungsi di setiap iterasiUntuk memanggil fungsi pada beberapa peristiwaGunakan metode 'addEventListener' dan ikat fungsi dengan eventInvoke yang diinginkan

Pengatur waktu adalah aspek penting dari bahasa pemrograman apa pun. Seperti yang kita tahu 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 untuk menjalankan fungsi pada waktu tertentu. Dengan menggunakan pengatur waktu, Anda dapat menunda eksekusi kode sehingga tidak selesai tepat pada saat peristiwa dipicu atau halaman dimuat. Misalnya, Anda dapat menggunakan penghitung 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 pengatur waktu untuk menunda eksekusi kode serta cara melakukan satu atau beberapa tindakan berulang kali menggunakan fungsi theis di JavaScript

Metode setTimeout jendela ().

Definisi dan Penggunaan

Metode setTimeout() memanggil fungsi atau mengevaluasi ekspresi setelah jumlah milidetik yang ditentukan

TIP

• 1000 ms = 1 detik
• Fungsi hanya dijalankan sekali. Jika Anda perlu mengulangi eksekusi, gunakan metode setInterval()
• Gunakan metode clearTimeout()_ untuk mencegah fungsi berjalan

Fungsi ini menerima dua parameter. sebuah fungsi, yang merupakan fungsi untuk dieksekusi, dan parameter penundaan opsional, yaitu jumlah milidetik yang mewakili jumlah waktu menunggu sebelum menjalankan fungsi (1 detik = 1000 milidetik).  

Nilai Pengembalian. Ini mengembalikan angka yang mewakili nilai ID dari pengatur waktu yang disetel

Kode. Timer dalam JavaScript

Berikut adalah kode untuk Pengatur Waktu dalam JavaScript yang menyetel penghitung waktu 2 menit dan saat waktu habis peringatan Halaman "waktu habis". Metode setTimeout()_ memanggil fungsi atau mengevaluasi ekspresi setelah sejumlah milidetik yang ditentukan

setInterval()2

setInterval()3

Ketika waktu tersisa kurang dari satu menit, warna pengatur waktu berubah menjadi merah

Dengan ini, kita akan mengakhiri artikel Pengatur Waktu dalam JavaScript ini. Lihat Pelatihan Sertifikasi Angular oleh Edureka, perusahaan pembelajaran online tepercaya dengan jaringan lebih dari 250.000 pelajar yang puas yang tersebar di seluruh dunia.  

Ada pertanyaan untuk kami?

Bagaimana cara memulai dan menghentikan timer di JavaScript?

Bagaimana cara menunggu 1 detik dalam JavaScript?

Bagaimana cara memasang pengatur waktu pada suatu fungsi di JavaScript?