เป็นเรื่องง่ายที่จะใช้งานเวลาใน Javascripp
Settimeout ()
ดำเนินการรหัสในเวลาที่กำหนด
ClearTimeout ()
ยกเลิก settimeout ()
Settimeout ()
ไวยากรณ์
คัดลอกรหัสรหัสดังนี้:
var t = settimeout ("คำสั่ง JavaScript", มิลลิวินาที)
เมธอด settimeout () ส่งคืนค่าที่แน่นอน ในคำสั่งข้างต้นค่าจะถูกเก็บไว้ในตัวแปรที่เรียกว่า T หากคุณต้องการยกเลิก settimeout นี้ () คุณสามารถใช้ชื่อตัวแปรนี้เพื่อระบุ
พารามิเตอร์แรกของ settimeout () เป็นสตริงที่มีคำสั่ง JavaScript คำสั่งนี้อาจเป็นเหมือน "การแจ้งเตือน ('5 วินาที!') หรือการเรียกใช้ฟังก์ชันเช่น Alertmsg ()"
พารามิเตอร์ที่สองระบุพารามิเตอร์แรกหลังจากเริ่มต้นมิลลิวินาทีในปัจจุบัน
เคล็ดลับ: 1,000 มิลลิวินาทีเท่ากับหนึ่งวินาที
เมื่อมีการคลิกปุ่มในตัวอย่างต่อไปนี้กล่องพรอมต์จะปรากฏขึ้นใน 5 วินาที
คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น TimeDMSG ()
-
var t = settimeout ("Alert ('5 วินาที!')", 5000)
-
</script>
</head>
<body>
<form>
<อินพุต type = "button" value = "แสดงการแจ้งเตือนที่หมดเวลา!" onclight = "timedmsg ()">
</form>
</body>
</html>
ตัวอย่าง- วงจรอนันต์
ในการสร้างตัวจับเวลาที่ทำงานในลูปที่ไม่มีที่สิ้นสุดเราต้องเขียนฟังก์ชั่นเพื่อเรียกตัวเอง ในตัวอย่างต่อไปนี้เมื่อมีการคลิกปุ่มโดเมนอินพุตจะถูกนับตั้งแต่ 0
คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<script type = "text/javascript">
var c = 0
var t
ฟังก์ชั่น TimedCount ()
-
document.getElementById ('txt')
C = C+1
t = settimeout ("timedcount ()", 1,000)
-
</script>
</head>
<body>
<form>
<อินพุต type = "button" value = "เริ่มต้น!" onclick = "timedcount ()"
<อินพุต type = "text" id = "txt">
</form>
</body>
</html>
ClearTimeout ()
ไวยากรณ์
คัดลอกรหัสรหัสดังนี้:
ClearTimeOut (settimeout_variable)
ตัวอย่าง
ตัวอย่างด้านล่างคล้ายกับตัวอย่างของลูปที่ไม่มีที่สิ้นสุดด้านบน ความแตกต่างเพียงอย่างเดียวคือตอนนี้เราได้เพิ่มปุ่ม "หยุด!
คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<script type = "text/javascript">
var c = 0
var t
ฟังก์ชั่น TimedCount ()
-
document.getElementById ('txt')
C = C+1
t = settimeout ("timedcount ()", 1,000)
-
ฟังก์ชั่นหยุดพัก ()
-
ClearTimeout (t)
-
</script>
</head>
<body>
<form>
<อินพุต type = "button" value = "เริ่มต้น!" onclick = "timedcount ()"
<อินพุต type = "text" id = "txt">
<อินพุต type = "button" value = "หยุดนับ!" onclick = "stopcount ()"
</form>
</body>
</html>
อีกสองวิธีที่สำคัญ:
คัดลอกรหัสรหัสดังนี้:
setInterval ()
setInterval () -executes ฟังก์ชันซ้ำแล้วซ้ำอีกช่วงเวลา atcified ช่วงเวลา
ฟังก์ชั่นคือ: รอบดำเนินการวิธีการภายในช่วงเวลาที่กำหนด
ไวยากรณ์:
คัดลอกรหัสรหัสดังนี้:
window.setInterval ("ฟังก์ชัน JavaScript", มิลลิวินาที);
หมายเหตุ: พารามิเตอร์แรกจะต้องเป็นฟังก์ชันและพารามิเตอร์ที่สองคือเวลาช่วงเวลาของฟังก์ชันการดำเนินการ
ตัวอย่าง:
คัดลอกรหัสรหัสดังนี้:
<html>
<script type = "text/javascript">
setInterval (function () {alert ("hello")}, 500);
</script>
</html>
หมายเหตุ: ตัวอย่างข้างต้นเอฟเฟกต์การดำเนินการหมายความว่าทุก ๆ 500 มม. จะแจ้งเตือน ("สวัสดี");
อีกหนึ่งนาฬิกา:
คัดลอกรหัสรหัสดังนี้:
<html>
<body>
<p id = "สาธิต"> </p>
<script type = "text/javascript">
setInterval (function () {mytimer ()}, 1000);
ฟังก์ชั่น mytimer () {
var d = วันที่ใหม่ ();
var t = d.tolocaletimestring ();
Document.getElementById ('Demo')
-
</script>
</body>
</html>
วิธีหยุดวิธีการ setInterval () ??
คัดลอกรหัสรหัสดังนี้:
window.clearinterval ()
ไวยากรณ์:
คัดลอกรหัสรหัสดังนี้:
window.clearinterval (IntervalVariable)
คัดลอกรหัสรหัสดังนี้:
วิธี window.clearinterval () สามารถเขียนได้ด้วยคำนำหน้าหน้าต่าง
เพื่อให้สามารถใช้วิธี ClearInterval () คุณต้องใช้ตัวแปรส่วนกลางเมื่อสร้างวิธีการช่วงเวลา:
myVAR = setInterval ("ฟังก์ชัน JavaScript", มิลลิวินาที);
จากนั้นคุณจะสามารถหยุดการดำเนินการโดยเรียกใช้วิธี ClearInterval ()
ตัวอย่าง:
คัดลอกรหัสรหัสดังนี้:
<html>
<body>
<p id = "สาธิต"> </p>
<p id = "demo2" onclight = "stop ()"> หยุด </p>
<script type = "text/javascript">
var test = setInterval (ฟังก์ชัน () {myTimer ()}, 1000);
ฟังก์ชั่น mytimer () {
var d = วันที่ใหม่ ();
var t = d.tolocaletimestring ();
Document.getElementById ('Demo')
-
ฟังก์ชันหยุด () {
<html>
<body>
<p id = "สาธิต"> </p>
<p id = "demo2" onclight = "stop ()"> หยุด </p>
<script type = "text/javascript">
var test = setInterval (ฟังก์ชัน () {myTimer ()}, 1000);
ฟังก์ชั่น mytimer () {
var d = วันที่ใหม่ ();
var t = d.tolocaletimestring ();
Document.getElementById ('Demo')
-
ฟังก์ชันหยุด () {
ClearInterval (อุณหภูมิ);
-
</script>
</body>
</html>
-
</script>
</body>
</html>