Di JavaScritp, ada dua fungsi khusus tentang timer, yaitu:
1. Timer Countdown: TimeName = setTimeOut ("function ();", DelayTime);
2. Timer Bersepeda: TimeName = SetInterval ("Function ();", Delaytime);
Parameter pertama "function" adalah tindakan yang akan dieksekusi ketika timer dipicu. Misalnya, jika dua jendela peringatan muncul, Anda dapat mengganti "fungsi ();"
"Peringatan ('Jendela Peringatan Pertama!'); Peringatan ('Jendela Peringatan Kedua!');";
Pengatur waktu mundur memicu suatu peristiwa setelah waktu tiba, dan pengatur waktu yang beredar adalah untuk berulang kali memicu peristiwa ketika interval akan datang.
Misalnya, setelah Anda membuka halaman dan ingin secara otomatis melompat ke interval halaman lain dalam beberapa detik, Anda perlu menggunakan timer hitung mundur "setTimeout (" function (); ", delaytime), dan jika Anda ingin mengatur kalimat pengaturan penampilan satu kata,
Anda perlu menggunakan timer melingkar "setInterval (" function (); ", Delaytime".
Untuk mendapatkan fokus formulir, dokumen.activeElement.id digunakan. Gunakan jika untuk menentukan apakah dokumen.activeElement.id dan ID formulir adalah sama.
Misalnya: if ("mid" == document.activeElement.id) {waspada ();}, "mid" adalah id yang sesuai dengan formulir.
Timer:
Digunakan untuk menentukan program tertentu setelah waktu tertentu.
Perbedaan antara setTimeout dan setInterval di JS, dan metode LLEE
SetTimeout (ekspresi, delaytime). Setelah delaytime, itu akan menjalankan ekspresi, setTimeout dalam penundaan untuk jangka waktu tertentu, dan kemudian melakukan operasi tertentu.
setTimeout ("function", waktu) mengatur objek timeout
SetInval (Ekspresi, Delaytime), setiap Delaytime akan menjalankan Ekspresi.
SetInterval ("fungsi" (waktu) mengatur objek batas waktu
SetInterval diulang secara otomatis, dan SetTimeout tidak akan diulang.
ClearTimeout
ClearInterval
Dua kasus.
Contoh 1. Saat formulir dipicu atau dimuat, kata string adalah kata output demi kata
Salin kode kode sebagai berikut:
<Html>
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<title> dokumen non -judul </iteme>
<bahasa skrip = "javascript" type = "text/javascript">
var str = "Ini adalah contoh teks untuk pengujian";
var seq = 0;
var kedua = 1000; // interval 1 detik
fungsi gulir () {
msg = str.substring (0, seq+1);
document.getElementByIDx_x_x ('Word').
seq ++;
if (seq> = str.length) seq = 0;
}
</script>
</head>
<body onload = "setInterval ('scroll (), sex)">
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Contoh 2. Ketika fokus ada di kotak input, centang informasi kotak input secara teratur.
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<title> dokumen non -judul </iteme>
<bahasa skrip = "javascript" type = "text/javascript">
var kedua = 5000; // interval 5 detik
var c = 0;
fungsi gulir () {
C ++;
if ("b" == document.activeElement.id) {{
var str = "Waktu Periksa <b>"+c+"</b> kali <br/>";
if (document.geteLementByIdx_x_x ('b'). value! = "") {
Str+= "Kotak Input Konten saat ini adalah konten saat ini adalah <br/> <b>"+dcument.getElementByIdx_x_x ('b').
}
document.getElementByIdx_x_x ('Word').
}
}
</script>
</head>
<body>
<TextArea ID = "B" Name = "B" Style = "Tinggi: 100px; Lebar: 300px;" Br /> "
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Contoh 3. Berikut ini adalah contoh paling sederhana.
Salin kode kode sebagai berikut:
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<bahasa skrip = "javascript">
function count () {) {
document.getElementByIDx_x_x ('m').
setTimeout ("Peringatan ('sepuluh detik!", 10000)
}
</script>
<body>
<div id = "m"> </div>
<input type = "tombol" value = "time start" onclick = "count ()">
</body>
</html>
Contoh 4: Hitung mundur melompat waktu dan tepat waktu
Salin kode kode sebagai berikut:
<Html>
<head>
<base href = "<%= Basepath%>">
<Title> jsp 'ds04.jsp' saya halaman awal </iteme>
<span id = "tiao"> 3 </span>
<A href = "JavaScript: Countdown"> </a> Secara otomatis melompat setelah kedua ...
<meta http-equiv = refresh konten = 3;
<!-Script dimulai->
<bahasa skrip = "javascript" type = "">
Function countdown (secs) {
tiao.innerText = secs;
if (--scs> 0)
setTimeout ("Countdown ("+secs+"), 1000); 1000);
}
Countdown (3);
</script>
<!-Script end->
</head>
Contoh 6:
Salin kode kode sebagai berikut:
<head>
<meta http-equiv = "refresh" konten = "2; url = 'b.html'">
</head>
Contoh 7:
Salin kode kode sebagai berikut:
<bahasa skrip = "javascript" type = "text/javascript">
setTimeout ("window.location.href = 'b.html'", 2000);
// Kedua berikut ini dapat digunakan
// setTimeout 18 "JavaScript: lcation.href = 'b.html'", 2000);
//settimeout.com window.location = 'b.html' ", 2000);
</script>
Contoh 8:
Salin kode kode sebagai berikut:
<span id = "TOTALSECOND"> 2 </span>
<bahasa skrip = "javascript" type = "text/javascript">
var kedua = document.getElementByIdx_x ('totalsecond').
if (isnan (kedua)) {{
// ... bukan jumlah angka
} Kalau tidak {
SetInterval (function () {
document.getElementByIDx_x ('totalsecond').
if (kedua <= 0) {{
Window.location = 'b.html';
}
}, 1000);
}
</script>
JS Timer (jalankan sekali, ulangi eksekusi)
Bagikan kode JS, contoh kecil dari timer JS, dibagi menjadi timer dan timer eksekusi berulang untuk dieksekusi. Referensi untuk teman -teman yang pemula.
1. Hanya menjalankan timer sekali
Salin kode kode sebagai berikut:
<script>
// Pengatur waktu berjalan asinkron
fungsi hello () {
Peringatan ("halo");
}
// Gunakan metode eksekusi nama metode
var t1 = window.setTimeout (halo, 1000);
var t2 = window.setTimeout ("hello ()", 3000);
Window.cleartimeout (t1);
</script>
2. Pengatur Waktu Eksekusi Berulang
Salin kode kode sebagai berikut:
<script>
fungsi hello () {
Peringatan ("halo");
}
// Ulangi metode tertentu
var t1 = window.setInterval (halo, 1000);
var t2 = window.setInterval ("hello ()", 3000);
// Metode menghapus timer
Window.clearinterval (t1);
</script>
Komentar:
Jika ada dua metode pada satu halaman, mereka dieksekusi setelah halaman dimuat, tetapi kegagalan yang sebenarnya dapat dieksekusi secara berurutan.
Anda dapat menambahkan timer ke metode online, mengatur timer, dan kemudian lari setelah "tunda" untuk jangka waktu tertentu.
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<iteme> halaman tanpa judul </iteme>
<bahasa skrip = "javascript" type = "text/javascript">
var yc = objek baru ();
Fungsi startyc ()
{{
var secondsyc = document.geteLementById ("txtycseconds").
mencoba
{{
Yc = setTimeout ("alert ('Delay"+SecondSyc+"Second Success'), SecondSyc*1000);
}
Tangkap (E)
{{
peringatan ("Harap masukkan nomor kedua yang benar.");
}
}
Fungsi overyc ()
{{
ClearTimeout (YC);
Yc = null;
peringatan ("Penghentian Penundaan Sukses.");
}
/************************** ↓ ↓ sopankan 定时器的使用 ↓ ↓ ↓ ************* ****************************
var timerd = objek baru ();
var timerdds = objek baru ();
Fungsi beginds ()
{{
sn.innerhtml = "0";
TimerDs = setInterval ("addOne ()", parseInt (document.geteLementById ("txtIntirvalseconds"). Value, 10)*1000);
}
Function goonds ()
{{
TimerDs = setInterval ("addOne ()", parseInt (document.geteLementById ("txtIntirvalseconds"). Value, 10)*1000);
}
Function overdehding ()
{{
ClearInterval (Timerds);
timerd = null;
}
Function delayds ()
{{
overdehing ();
TimerDDS = setTimeout ("goonds ()", document.geteLementById ("txtddsseconds"). Nilai*1000);
}
Fungsi addone ()
{{
if (sn.innerhtml == "10")
{{
overdehing ();
Waspada ("Selamat, telah berhasil mencapai 10 detik");
Kembali;
}
sn.innerhtml = parseInt (sn.innerHtml, 10) +1;
}
</script>
</head>
<body>
<ditemukan id = "form1" runat = "server">
<div>
Penggunaan penundaan: </div>
<div>
<label id = "label2"> </label>
<input type = "text" id = "txtycseconds" value = "3" />
<input type = "tombol" id = "btnbyc" onclick = "javascript: beginyc ()" value = "start delay" />
<input type = "tombol" id = "btnoyc" onclick = "javascript: overyc ()" value = "termid delay" />
<input type = "tombol" id = "button1" ontClick = "JavaScript: ALERT ('Good Monrning');
</div>
<br />
<div>
Penggunaan timer: </div>
<div>
<div id = "sn"> 0 </div>
<label id = "label1"> </label>
<input type = "text" id = "txtiintervalseconds" value = "1" /> />
<input type = "tombol" id = "btnbds" onclick = "javascript: beggs ()" value = "start time" />
<input type = "Tombol" id = "btnods" onclick = "javascript: overdude ()" value = "terminal time" /> />
<input type = "tombol" id = "btngds" onclick = "javascript: goonds ()" value = "Lanjutkan waktu" />
<Laabel ID = "DS"> </LABEL>
<input type = "text" id = "txtddsseconds" value = "5" />
<input type = "tombol" id = "btndds" onclick = "javascript: delayds ()" value = "delay timing" />
</div>
</form>
</body>
</html>