JavaScript menawarkan “ batas waktu yang jelas ()” metode yang mengelola fungsionalitas batas waktu. Hal ini memungkinkan pengguna untuk membatalkan interval waktu yang sebelumnya ditetapkan oleh “ setWaktu habis ()' fungsi. Ini menghentikan eksekusi blok kode yang berulang setelah interval waktu tertentu. Ini sebagian besar digunakan untuk situs web perbankan dan e-niaga untuk membatalkan tugas yang dijadwalkan.
Posting ini akan menjelaskan cara menangani fungsi JavaScript clearTimeout().
Bagaimana Menangani Fungsi JavaScript “clearTimeout()”?
“ batas waktu yang jelas ()” fungsi membatalkan interval waktu yang telah ditetapkan sebelumnya dengan bantuan “ setWaktu habis ()' fungsi. “ setWaktu habis ()” berfungsi mengatur interval waktu untuk melakukan tugas tertentu berulang kali di dalamnya.
Sintaksis
Cara kerja “ batas waktu yang jelas ()” metode ini bergantung pada sintaks dasarnya yang tertulis di bawah ini:
batas waktu yang jelas ( id_of_settimeout )
Menurut sintaks di atas, “ batas waktu yang jelas ()” mengambil “ pengenal ' dari ' setWaktu habis ()” berfungsi dan menghentikan interval waktu. Jika pengguna tidak memberikan id maka ia tidak melakukan apa pun.
Mari terapkan fungsi yang ditentukan di atas dengan menggunakan sintaks dasarnya.
Contoh 1: Menerapkan Fungsi “clearTimeout()” untuk Menghentikan Interval Waktu yang Ditetapkan
Contoh pertama menerapkan “ batas waktu yang jelas ()” berfungsi untuk menghentikan interval waktu yang ditentukan.
Pertama lihat kode HTML berikut:
< tengah >< P > Tunggu 2 detik, halaman akan menampilkan judul. < / P >
< h2 pengenal = 'H2' < / h2 >
< tombol klik = 'berhenti()' > Hentikan Eksekusi! < / tombol >
< / tengah >
Pada baris kode di atas:
- “< tengah >” tag mengatur perataan elemen HTML tertentu ke tengah halaman web.
- “< P >” tag menentukan pernyataan paragraf.
- “< h2 >” tag adalah elemen header kosong dengan id “ H2 ”.
- “< tombol >” tag menyisipkan elemen tombol yang memanggil “ berhenti ()” berfungsi bila terpasang “ klik ” acara dipicu.
Selanjutnya, terapkan “ batas waktu yang jelas ()” fungsi menggunakan blok kode yang dinyatakan:
< naskah >konstanta Atur waktu = setWaktu habis ( awal , 2000 ) ;
fungsi awal ( ) {
dokumen. dapatkanElementById ( 'H2' ) . innerHTML = 'Selamat datang di Linuxhint!'
}
fungsi berhenti ( ) {
batas waktu yang jelas ( Atur waktu ) ;
}
naskah >
Dalam cuplikan kode di atas:
- “ Atur waktu ” variabel menerapkan “ setWaktu habis ()” fungsi yang melewati “ awal ” berfungsi sebagai parameter pertama dan “ yang ditentukan tidak ada milidetik ” sebagai parameter kedua. Fungsi ini mengeksekusi “ awal ” berfungsi dalam interval waktu tertentu.
- Selanjutnya, tentukan “ awal ()' fungsi.
- Dalam fungsi ini, “ dokumen.getElementById ()” metode diterapkan untuk mengakses elemen header kosong yang idnya adalah “ H2 ” dan tambahkan dengan teks pernyataan yang diberikan.
- Setelah itu, “ berhenti ()” fungsi didefinisikan, yang menerapkan “ batas waktu yang jelas ()” metode meneruskan id dari “ setWaktu habis ()” berfungsi untuk menghentikan interval waktunya.
Output (Sebelum Menghentikan Eksekusi)
Sekarang outputnya menunjukkan elemen judul dalam interval waktu tertentu sebelum menghentikan interval waktu yang ditetapkan melalui “ setWaktu habis ()' metode.
Keluaran (Setelah Berhenti Eksekusi)
Klik tombol yang diberikan menghentikan interval waktu yang telah ditetapkan untuk menampilkan elemen judul.
Contoh 2: Menerapkan Fungsi “clearTimeout()” untuk Menghentikan Fungsi
Contoh ini menggunakan “ batas waktu yang jelas ()” berfungsi untuk menghentikan eksekusi suatu fungsi:
Pertama, lihat kode HTML yang disediakan:
< tengah >< tombol klik = 'awal()' > Mulai menghitung! < / tombol >
< memasukkan jenis = 'teks' pengenal = 'bidang' >
< tombol klik = 'berhenti()' > Berhenti menghitung! < / tombol >
< / tengah >
Di blok kode di atas:
- “< tombol >” tag melampirkan “ klik ” acara untuk memanggil fungsi “start()” ketika diklik.
- “< memasukkan >” tag menambahkan kolom input dengan tipe “ teks ” dan “bidang” id.
- Berikutnya “< tombol >” juga melampirkan “ klik ” acara untuk memanggil “ berhenti ()” berfungsi saat acara ini diaktifkan.
Sekarang, terapkan “ batas waktu yang jelas ()” menggunakan baris kode berikut:
< naskah >biarkan melawan = 0 ;
biarkan setTime ;
biarkan timer_on = 0 ;
fungsi menghitung ( ) {
dokumen. dapatkanElementById ( 'bidang' ) . nilai = menangkal ;
menangkal ++;
Atur waktu = setWaktu habis ( menghitung , 1000 ) ;
}
fungsi awal ( ) {
jika ( ! Penanda waktu menyala ) {
Penanda waktu menyala = 1 ;
menghitung ( ) ;
}
}
fungsi berhenti ( ) {
batas waktu yang jelas ( Atur waktu ) ;
Penanda waktu menyala = 0 ;
}
naskah >
Pada baris kode di atas:
- Pertama, “ membiarkan ” kata kunci mendeklarasikan tiga variabel “ penghitung”, “setTime”, dan “timer_on ”.
- Selanjutnya, “ menghitung ()” fungsi didefinisikan.
- Dalam definisinya, “ dokumen.getElementById() ” Metode diterapkan untuk mengakses kolom input yang ditambahkan menggunakan idnya “ bidang ” dan tambahkan dengan nilai “ menangkal ' variabel.
- Sekarang, naikkan nilai “ menangkal ' variabel.
- Terakhir, terapkan “ setWaktu habis ()” metode untuk melakukan eksekusi “ menghitung ()” berfungsi dalam interval waktu tertentu.
- Setelah itu, tentukan fungsi bernama “ awal ()”.
- Dalam fungsi ini, sebuah “ jika Pernyataan ” digunakan untuk menentukan suatu kondisi yaitu jika “ imer_on ' tidak ' pada ” maka sama dengan “ 1 ” dan “ menghitung ()” fungsi dipanggil.
- Sekarang, fungsi lain didefinisikan bernama “ berhenti ()”.
- Dalam definisinya, “ batas waktu yang jelas ()” metode diterapkan dengan meneruskan id dari “ setWaktu habis ()” metode yaitu “ Atur waktu ”.
Keluaran
Dapat diamati bahwa “ Mulai menghitung Tombol ” memulai hitungan yang bertambah setiap 1 detik. Penghitungan ini berhenti dengan mengklik tombol “ Berhenti menghitung! ' tombol.
Itu saja tentang menangani fungsi clearTimeout() di JavaScript.
Kesimpulan
“ batas waktu yang jelas ()” fungsi menangani interval waktu yang ditentukan dengan bantuan “ setWaktu habis ()' fungsi. Ia melakukan tugas ini dengan meneruskan id dari “Waktu yang ditetapkan habis()” berfungsi sebagai parameter penting. Digunakan untuk pembatalan tugas yang dilakukan dalam interval waktu tertentu yang telah diatur menggunakan tombol “ setWaktu habis ()' fungsi. Posting ini secara praktis menjelaskan prosedur untuk menangani fungsi JavaScript clearTimeout().