Mudah untuk menggunakan acara waktu di Javascripp.
setTimeout ()
Menjalankan kode pada waktu tertentu
ClearTimeout ()
Batalkan SetTimeout ()
setTimeout ()
tata bahasa
Salin kode kode sebagai berikut:
var t = setTimeout ("Pernyataan JavaScript", milidetik)
Metode setTimeout () mengembalikan nilai tertentu. Dalam pernyataan di atas, nilainya disimpan dalam variabel yang disebut T. Jika Anda ingin membatalkan setTimeout ini (), Anda dapat menggunakan nama variabel ini untuk menentukannya.
Parameter pertama dari setTimeout () adalah string yang berisi pernyataan JavaScript. Pernyataan ini mungkin seperti "Peringatan ('5 detik!'), Atau panggilan fungsi, seperti AlertMSG ()".
Parameter kedua menunjukkan parameter pertama setelah milidetik saat ini dimulai.
Tip: 1000 milidetik sama dengan satu detik.
Ketika tombol dalam contoh berikut diklik, kotak prompt akan muncul dalam 5 detik.
Salin kode kode sebagai berikut:
<Html>
<head>
<type skrip = "Teks/JavaScript">
Function timedmsg ()
{{
var t = setTimeout ("waspada ('5 detik!')", 5000)
}
</script>
</head>
<body>
<sorm>
<input type = "Tombol" value = "Tampilan waktu peringatan waktu!"
</form>
</body>
</html>
Contoh- siklus tak terbatas
Untuk membuat timer yang berjalan dalam loop tak terbatas, kita perlu menulis fungsi untuk memanggil dirinya sendiri. Dalam contoh berikut, ketika tombol diklik, domain input dihitung dari 0.
Salin kode kode sebagai berikut:
<Html>
<head>
<type skrip = "Teks/JavaScript">
var c = 0
var t
Fungsi timeDcount ()
{{
document.geteLementById ('txt')
C = C+1
t = setTimeout ("TimeedCount ()", 1000)
}
</script>
</head>
<body>
<sorm>
<Input Type = "Tombol" Value = "Mulai Hitungan!"
<input type = "text" id = "txt">
</form>
</body>
</html>
ClearTimeout ()
tata bahasa
Salin kode kode sebagai berikut:
ClearTimeout (setTimeout_variable)
Contoh
Contoh di bawah ini mirip dengan contoh loop tak terbatas di atas. Satu -satunya perbedaan adalah bahwa sekarang kami telah menambahkan "Hitungan berhenti!" Untuk menghentikan penghitung ini:
Salin kode kode sebagai berikut:
<Html>
<head>
<type skrip = "Teks/JavaScript">
var c = 0
var t
Fungsi timeDcount ()
{{
document.geteLementById ('txt')
C = C+1
t = setTimeout ("TimeedCount ()", 1000)
}
Fungsi stopcount ()
{{
ClearTimeout (T)
}
</script>
</head>
<body>
<sorm>
<Input Type = "Tombol" Value = "Mulai Hitungan!"
<input type = "text" id = "txt">
<input type = "tombol" value = "stop count!"
</form>
</body>
</html>
Dua metode penting lainnya:
Salin kode kode sebagai berikut:
SetInterval ()
SetInterval () -Kekuk suatu fungsi, berulang -ulang, interval waktu yang dilengkapi
Fungsinya adalah: siklus menjalankan metode, dalam waktu interval yang ditentukan
tata bahasa:
Salin kode kode sebagai berikut:
Window.setInterval ("fungsi javascript", milidetik);
Catatan: Parameter pertama harus berupa fungsi, dan parameter kedua adalah waktu interval fungsi eksekusi.
Contoh:
Salin kode kode sebagai berikut:
<Html>
<type skrip = "Teks/JavaScript">
setInterval (function () {alert ("Hello")}, 500);
</script>
</html>
Catatan: Contoh di atas, efek eksekusi berarti bahwa setiap 500ms waspada ("halo");
Satu jam lagi:
Salin kode kode sebagai berikut:
<Html>
<body>
<p id = "demo"> </p>
<type skrip = "Teks/JavaScript">
setInterval (function () {myTimer ()}, 1000);
fungsi myTimer () {
var d = tanggal baru ();
var t = d.Tolocaletimestring ();
document.geteLementById ('demo').
}
</script>
</body>
</html>
Bagaimana cara berhenti, setInterval () metode ??
Salin kode kode sebagai berikut:
Window.clearInterval ()
tata bahasa:
Salin kode kode sebagai berikut:
Window.clearinterval (intervalvariabel)
Salin kode kode sebagai berikut:
Metode window.clearInterval () dapat ditulis dengan awalan jendela.
Untuk dapat menggunakan metode ClearInterVal (), Anda harus menggunakan variabel global saat membuat metode interval:
Myvar = setInterval ("fungsi javascript", milidetik);
Maka Anda akan dapat menghentikan eksekusi dengan memanggil metode ClearInterVal ().
Contoh:
Salin kode kode sebagai berikut:
<Html>
<body>
<p id = "demo"> </p>
<p id = "demo2" onclight = "stop ()"> hentikan </p>
<type skrip = "Teks/JavaScript">
var test = setInterval (function () {myTimer ()}, 1000);
fungsi myTimer () {
var d = tanggal baru ();
var t = d.Tolocaletimestring ();
document.geteLementById ('demo').
}
Fungsi stop () {
<Html>
<body>
<p id = "demo"> </p>
<p id = "demo2" onclight = "stop ()"> hentikan </p>
<type skrip = "Teks/JavaScript">
var test = setInterval (function () {myTimer ()}, 1000);
fungsi myTimer () {
var d = tanggal baru ();
var t = d.Tolocaletimestring ();
document.geteLementById ('demo').
}
Fungsi stop () {
ClearInterval (temp);
}
</script>
</body>
</html>
}
</script>
</body>
</html>