1 2 3 4 5 6 7 8 9 10 11 12 | JavaScript สามารถดำเนินการได้ในช่วงเวลา นี้เรียกว่าเหตุการณ์ที่เกิดขึ้นระยะเวลา |
ระยะเวลากิจกรรม
วัตถุหน้าต่างช่วยให้การดำเนินการของรหัสในช่วงเวลาที่กำหนด
ช่วงเวลาเหล่านี้เรียกว่าเหตุการณ์ที่เกิดขึ้นระยะเวลา
ทั้งสองวิธีการที่สำคัญที่จะใช้กับ JavaScript คือ:
- setTimeout( function, milliseconds )
รันฟังก์ชั่นหลังจากที่รอคอยตามจำนวนที่ระบุมิลลิวินาที - setInterval( function, milliseconds )
เช่นเดียวกับ setTimeout() แต่การดำเนินการซ้ำของการทำงานอย่างต่อเนื่อง
setTimeout() และ setInterval() เป็นวิธีการทั้งสองของวัตถุ HTML DOM หน้าต่าง
setTimeout() วิธี
window.setTimeout(function, milliseconds);window.setTimeout() วิธีการสามารถเขียนได้โดยไม่ต้องมีคำนำหน้าหน้าต่าง
พารามิเตอร์แรกคือฟังก์ชั่นที่จะดำเนินการ
พารามิเตอร์ที่สองระบุจำนวนมิลลิวินาทีก่อนที่จะดำเนินการ
ตัวอย่าง
คลิกที่ปุ่ม รอ 3 วินาทีและหน้าจะแจ้งเตือน "ฮัลโหล":
<button onclick="setTimeout(myFunction, 3000)">Try it</button>
<script>
function myFunction() {
alert('Hello');
}
</script> ลองตัวเอง» วิธีการหยุดการดำเนินการหรือไม่
clearTimeout() วิธีการหยุดการทำงานของฟังก์ชั่นที่ระบุไว้ใน setTimeout()
window.clearTimeout( timeoutVariable )
window.clearTimeout() วิธีการสามารถเขียนได้โดยไม่ต้องมีคำนำหน้าหน้าต่าง
clearTimeout() วิธีการใช้ตัวแปรกลับมาจาก setTimeout() :
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
ถ้าฟังก์ชันยังไม่ได้รับการดำเนินการอยู่แล้วคุณสามารถหยุดการทำงานโดยการเรียก clearTimeout() วิธีการ:
ตัวอย่าง
เช่นเดียวกับข้างต้น แต่มีการเพิ่มปุ่ม "หยุด":
<button onclick="myVar = setTimeout(myFunction, 3000)">Try
it</button>
<button onclick="clearTimeout(myVar)">Stop it</button>
ลองตัวเอง» setInterval() วิธี
setInterval() วิธีการซ้ำฟังก์ชั่นที่ได้รับทุกครั้งที่ได้รับช่วงเวลา
window.setInterval(function, milliseconds);window.setInterval() วิธีการสามารถเขียนได้โดยไม่ต้องมีคำนำหน้าหน้าต่าง
พารามิเตอร์แรกคือฟังก์ชั่นที่จะดำเนินการ
พารามิเตอร์ที่สองแสดงให้เห็นความยาวของช่วงเวลาระหว่างกันดำเนินการ
ตัวอย่างเช่นนี้ดำเนินการฟังก์ชันที่เรียกว่า "myTimer" ทุกๆวินาที (เช่นนาฬิกาดิจิตอล)
ตัวอย่าง
แสดงเวลาปัจจุบัน:
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
} ลองตัวเอง» มี 1,000 มิลลิวินาทีในหนึ่งวินาทีมี
วิธีการหยุดการดำเนินการหรือไม่
clearInterval() วิธีการหยุดการประหารชีวิตของฟังก์ชั่นที่ระบุไว้ในที่ setInterval() วิธีการ
window.clearInterval( timerVariable )window.clearInterval( ) วิธีการสามารถเขียนได้โดยไม่ต้องมีคำนำหน้าหน้าต่าง
clearInterval() วิธีการใช้ตัวแปรกลับมาจาก setInterval() :
myVar = setInterval(function, milliseconds);
clearInterval(myVar);ตัวอย่าง
เช่นเดียวกับข้างต้น แต่เราได้เพิ่มปุ่ม "หยุดเวลา":
<p id="demo"></p>
<button onclick="clearInterval(myVar)">Stop time</button>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script> ลองตัวเอง» 
ตัวอย่างเพิ่มเติม
นาฬิกาที่สร้างขึ้นด้วยเหตุการณ์การกำหนดเวลา