ใน Javascritp มีฟังก์ชั่นพิเศษสองอย่างเกี่ยวกับตัวจับเวลาซึ่ง ได้แก่ :
1. ตัวจับเวลานับถอยหลัง: timename = settimeout ("function ();", delaytime);
2. ตัวจับเวลาการขี่จักรยาน: timename = setInterval ("function ();", delaytime);
พารามิเตอร์แรก "ฟังก์ชั่น ()" คือการดำเนินการที่จะดำเนินการเมื่อตัวจับเวลาถูกเรียกใช้ ตัวอย่างเช่นหากหน้าต่างเตือนสองบานขึ้นคุณสามารถแทนที่ "ฟังก์ชั่น ();"
"การแจ้งเตือน ('หน้าต่างเตือนครั้งแรก!'); แจ้งเตือน ('หน้าต่างเตือนครั้งที่สอง!');"; "ล่าช้า" เป็นช่วงเวลาในมิลลิวินาทีนั่นคือเติม "5000 5000" มันหมายถึง 5 วินาที
ตัวจับเวลานับถอยหลังก่อให้เกิดเหตุการณ์หลังจากเวลามาถึงและตัวจับเวลาการหมุนเวียนคือการกระตุ้นเหตุการณ์ซ้ำ ๆ เมื่อช่วงเวลากำลังจะมาถึง
ตัวอย่างเช่นหลังจากที่คุณเปิดหน้าและต้องการข้ามไปยังช่วงเวลาหน้าอื่นโดยอัตโนมัติในอีกไม่กี่วินาทีคุณต้องใช้ตัวจับเวลานับถอยหลัง "settimeout (" function (); ", retimtime) และหากคุณต้องการตั้งค่าประโยค การตั้งค่าการปรากฏตัวของคำเดียว
คุณต้องใช้ตัวจับเวลาแบบวงกลม "setInterval (" function (); ", delaytime"
เพื่อให้ได้โฟกัสของแบบฟอร์มใช้ document.activelement.id ใช้หากตรวจสอบว่า document.active lement.id และ id ของแบบฟอร์มนั้นเหมือนกันหรือไม่
ตัวอย่างเช่น: if ("mid" == document.active lement.id) {Alert ();}, "mid" คือ id ที่สอดคล้องกับแบบฟอร์ม
จับเวลา:
ใช้เพื่อระบุโปรแกรมบางโปรแกรมหลังจากเวลาที่กำหนด
ความแตกต่างระหว่าง settimeout และ setInterval ใน JS และวิธี llee
settimeout (นิพจน์, เวลาล่าช้า)
settimeout ("ฟังก์ชั่น" เวลา) ตั้งค่าวัตถุหมดเวลา
setInterval (นิพจน์, เวลาหน่วง), แต่ละเวลาล่าช้าจะดำเนินการ Expdition
setInterval ("ฟังก์ชั่น" (เวลา) ตั้งค่าวัตถุหมดเวลา
SetInterval จะทำซ้ำโดยอัตโนมัติและ SetTimeOut จะไม่ถูกทำซ้ำ
ClearTimeout
ClearInterval
สองกรณี
ตัวอย่างที่ 1. เมื่อฟอร์มถูกทริกเกอร์หรือโหลดสตริงคำจะเป็นคำเอาต์พุตตามคำ
คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> เอกสารที่ไม่ใช่ title </title>
<script language = "javascript" type = "text/javascript">
var str = "นี่คือข้อความตัวอย่างสำหรับการทดสอบ";
var seq = 0;
var second = 1000;
ฟังก์ชัน Scroll () {
msg = str.substring (0, seq+1);
document.getElementByIdx_x_x ('word')
SEQ ++;
if (seq> = str.length) seq = 0;
-
</script>
</head>
<body onload = "setInterval ('scroll ()', เพศ)">
<div id = "word"> </div> <br/> <br/>
</body>
</html>
ตัวอย่างที่ 2 เมื่อโฟกัสอยู่ในกล่องอินพุตให้ทำเครื่องหมายข้อมูลกล่องอินพุตเป็นประจำ
คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> เอกสารที่ไม่ใช่ title </title>
<script language = "javascript" type = "text/javascript">
var second = 5000;
var c = 0;
ฟังก์ชัน Scroll () {
C ++;
if ("b" == document.activeelement.id) {{
var str = "เวลาตรวจสอบ <b>"+c+"</b> ครั้ง <br/>";
if (document.getElementByIdx_x_x ('b'). value! = "") {
Str+= "อินพุตกล่องเนื้อหาปัจจุบันคือเนื้อหาปัจจุบันคือ <br/> <b>"+dcument.getElementByIdx_x_x ('B')
-
document.getElementByIdx_x_x ('word')
-
-
</script>
</head>
<body>
<textarea id = "b" name = "b" style = "ความสูง: 100px; ความกว้าง: 300px;" br /> "
<div id = "word"> </div> <br/> <br/>
</body>
</html>
ตัวอย่างที่ 3. ต่อไปนี้เป็นตัวอย่างที่ง่ายที่สุด
คัดลอกรหัสรหัสดังนี้:
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<ภาษาสคริปต์ = "JavaScript">
จำนวนฟังก์ชัน () {) {
document.getElementByIdx_x_x ('M')
Settimeout ("Alert ('สิบวินาทีถึง!", 10,000)
-
</script>
<body>
<div id = "m"> </div>
<อินพุต type = "button" value = "time start" onclick = "count ()">
</body>
</html>
ตัวอย่างที่ 4: การนับถอยหลังเพิ่มเวลาและเวลาที่เหมาะสม
คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<base href = "<%= basepath%>">
<title> หน้าเริ่มต้นของ JSP 'ds04.jsp' ของฉัน </title>
<span id = "tiao"> 3 </span>
<a href = "JavaScript: Countdown"> </a> กระโดดโดยอัตโนมัติหลังจากสอง ...
<meta http-equiv = refresh content = 3;
<!-สคริปต์เริ่ม->
<ภาษาสคริปต์ = "JavaScript" type = "">
ฟังก์ชั่นนับถอยหลัง (วินาที) {
tiao.innertext = วินาที;
if (--scs> 0)
settimeout ("นับถอยหลัง ("+secs+"), 1,000); 1000);
-
นับถอยหลัง (3);
</script>
<!-สคริปต์สิ้นสุด->
</head>
ตัวอย่างที่ 6:
คัดลอกรหัสรหัสดังนี้:
<head>
<meta http-equiv = "Refresh" content = "2; url = 'b.html'">>
</head>
ตัวอย่างที่ 7:
คัดลอกรหัสรหัสดังนี้:
<script language = "javascript" type = "text/javascript">
settimeout ("window.location.href = 'b.html'", 2000);
// ทั้งสองต่อไปนี้สามารถใช้ได้
// settimeout 18 "JavaScript: lcation.href = 'b.html'", 2000);
//settimeout.com window.location = 'b.html' ", 2000);
</script>
ตัวอย่างที่ 8:
คัดลอกรหัสรหัสดังนี้:
<span id = "totalsecond"> 2 </span>
<script language = "javascript" type = "text/javascript">
var second = document.getElementByIdx_x ('totalsecond')
if (isnan (วินาที)) {{
// ... ไม่ใช่จำนวนตัวเลข
} อื่น {
setInterval (function () {
document.getElementByIdx_x ('totalsecond')
ถ้า (วินาที <= 0) {{
window.location = 'b.html';
-
}, 1,000);
-
</script>
ตัวจับเวลา JS (ดำเนินการหนึ่งครั้งซ้ำการดำเนินการ)
แบ่งปันรหัส JS ตัวอย่างเล็ก ๆ ของตัวจับเวลา JS แบ่งออกเป็นตัวจับเวลาและจับเวลาการดำเนินการซ้ำเพื่อดำเนินการ การอ้างอิงสำหรับเพื่อนที่เป็นผู้เริ่มต้น
1. เฉพาะการจับเวลาเพียงครั้งเดียว
คัดลอกรหัสรหัสดังนี้:
<script>
// ตัวจับเวลาทำงานแบบอะซิงโครนัส
ฟังก์ชั่นสวัสดี () {
การแจ้งเตือน ("สวัสดี");
-
// ใช้วิธีการใช้ชื่อวิธีการ
var t1 = window.settimeout (สวัสดี 1,000);
var t2 = window.settimeout ("hello ()", 3000);
window.cleartimeout (t1);
</script>
2. ตัวจับเวลาการดำเนินการซ้ำ ๆ
คัดลอกรหัสรหัสดังนี้:
<script>
ฟังก์ชั่นสวัสดี () {
การแจ้งเตือน ("สวัสดี");
-
// ทำซ้ำวิธีหนึ่ง
var t1 = window.setInterval (สวัสดี 1,000);
var t2 = window.setInterval ("hello ()", 3000);
// วิธีการลบตัวจับเวลา
Window.ClearInterval (T1);
</script>
คำพูด:
หากมีสองวิธีในหน้าเดียวพวกเขาจะถูกดำเนินการหลังจากโหลดหน้าเว็บ แต่ความล้มเหลวที่เกิดขึ้นจริงสามารถดำเนินการได้ตามลำดับ
คุณสามารถเพิ่มตัวจับเวลาลงในวิธีออนไลน์ตั้งค่าตัวจับเวลาแล้วเรียกใช้หลังจาก "ล่าช้า" เป็นระยะเวลาหนึ่ง
คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "เซิร์ฟเวอร์">
<tite> หน้าไม่มีชื่อ </title>
<script language = "javascript" type = "text/javascript">
var yc = วัตถุใหม่ ();
ฟังก์ชั่นเริ่มต้น ()
-
var secondSyc = document.getElementById ("txTycSeconds")
พยายาม
-
yc = settimeout ("การแจ้งเตือน ('ล่าช้า"+secondSyc+"ความสำเร็จครั้งที่สอง'), SecondSyc*1000);
-
จับ (e)
-
การแจ้งเตือน ("โปรดป้อนหมายเลขที่สองที่ถูกต้อง");
-
-
ฟังก์ชั่น overeryc ()
-
ClearTimeout (YC);
yc = null;
การแจ้งเตือน ("ความล่าช้าในการเลิกจ้างสำเร็จ");
-
/************************ ↓↓定时器的使用**************************
var timerds = วัตถุใหม่ ();
var timerdds = วัตถุใหม่ ();
ฟังก์ชั่นเริ่มต้น ()
-
sn.innerhtml = "0";
timerds = setInterval ("addone ()", parseint (document.getElementById ("txtintirvalseconds") ค่า 10)*1000);
-
ฟังก์ชั่น goonds ()
-
timerds = setInterval ("addone ()", parseint (document.getElementById ("txtintirvalseconds") ค่า 10)*1000);
-
ฟังก์ชั่น overds ()
-
ClearInterval (Timerds);
timerds = null;
-
ฟังก์ชั่นล่าช้า ()
-
overds ();
timerdds = settimeout ("goonds ()", document.getElementById ("txtddddsseconds"). ค่า*1000);
-
ฟังก์ชัน Addone ()
-
if (sn.innerhtml == "10")
-
overds ();
การแจ้งเตือน ("ขอแสดงความยินดีมันประสบความสำเร็จถึง 10 วินาที");
กลับ;
-
sn.innerhtml = parseint (sn.innerhtml, 10) +1;
-
</script>
</head>
<body>
<found id = "form1" runat = "เซิร์ฟเวอร์">
<div>
การใช้ตัวหน่วง: </div>
<div>
<label id = "label2"> </label>
<อินพุต type = "text" id = "txTyCSeconds" value = "3" />
<อินพุต type = "ปุ่ม" id = "btnbyc" onclick = "javascript: startyc ()" value = "เริ่มต้นล่าช้า" />
<อินพุต type = "ปุ่ม" id = "btnoyc" onclick = "javascript: overeryc ()" value = "termid delay" />
<อินพุต type = "ปุ่ม" id = "button1" onclick = "JavaScript: การแจ้งเตือน ('Good Monrning');
</div>
<br />
<div>
การใช้ตัวจับเวลา: </div>
<div>
<div id = "sn"> 0 </div>
<label id = "label1"> </label>
<อินพุต type = "text" id = "txtiintervalseconds" value = "1" /> />
<อินพุต type = "ปุ่ม" id = "btnbds" onclick = "javascript: beggs ()" value = "เวลาเริ่มต้น" />
<อินพุต type = "ปุ่ม" id = "btnods" onclick = "javascript: endds ()" value = "เวลาเทอร์มินัล" /> />
<อินพุต type = "ปุ่ม" id = "btngds" onclick = "javascript: goonds ()" value = "ดำเนินการต่อเวลา" />
<laabel id = "ds"> </lable>
<อินพุต type = "text" id = "txtddsseconds" value = "5" />
<อินพุต type = "ปุ่ม" id = "btndds" onclick = "javascript: delayds ()" value = "การกำหนดเวลาหน่วงเวลา" />
</div>
</form>
</body>
</html>