เมธอด setInterval () จะเรียกใช้ฟังก์ชันอย่างต่อเนื่องจนกว่าจะเรียก ClearInterval () หรือปิดหน้าต่าง ค่า ID ที่ส่งคืนโดย setInterval () สามารถใช้เป็นพารามิเตอร์ไปยังวิธี ClearInterval ()
setInterval () การใช้งาน
setInterval (รหัส, millisec [, "lang"]))
รหัสพารามิเตอร์สองตัวต่อไปนี้คือรหัส JS ของคุณ Millisec คือช่วงเวลาที่วัดเป็นมิลลิวินาที
การคัดลอกรหัสมีดังนี้:
<body>
<div id = "เนื้อหา" style = "ตำแหน่ง: สัมพัทธ์; ความสูง: 1000px; ความกว้าง: 1000px; พื้นหลังสี:#666;">
<div id = "one" style = "ตำแหน่ง: Absolute; top: 0px; ซ้าย: 0px; ความสูง: 100px; ความกว้าง: 100px; พื้นหลังสี: สีแดง"> </div>
</div>
<script>
var one = document.getElementById ('one')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
ฟังก์ชัน Scroll () {
x+= xs;
y+= ys;
if (x> = document.getElementById ('เนื้อหา'). OffsetWidth-One.OffSetWidth-20 || x <= 0)
-
xs = -1*xs;
-
if (y> = document.getElementById ('เนื้อหา'). Offsetheight-One.OffSetheight-20 || y <= 0)
-
ys = -1*ys;
-
one.style.left = x;
one.style.top = y;
-
dt = setInterval (เลื่อน, 100);
one.onmouseover = function () {
ClearInterval (DT);
-
one.onmouseout = function () {
dt = setInterval (เลื่อน, 100);
-
</script>
</body>
นี่คือตัวอย่างง่ายๆ
ตัวอย่างที่ 1
การคัดลอกรหัสมีดังนี้:
function show () {trace ("ฉันจะแสดงทุกวินาที");}
var sh; sh = setInterval (แสดง, 1,000);
ClearInterval (sh);
ตัวอย่างที่ 2
การคัดลอกรหัสมีดังนี้:
<form>
<อินพุต type = "text" id = "นาฬิกา" size = "35" />
<ภาษาสคริปต์ = JavaScript>
var int = self.setInterval ("นาฬิกา ()", 50)
ฟังก์ชั่นนาฬิกา () {var t = วันที่ใหม่ ()
document.getElementById ("นาฬิกา"). value = t
-
</script>
</form>
<div id = "นาฬิกา"> </div>
<ปุ่ม onclick = "int = window.clearinterval (int)"> ช่วงเวลาหยุด </ Button>