ستستدعي طريقة setInterval () الوظيفة بشكل مستمر حتى يتم استدعاء clearinterval () أو إغلاق النافذة. يمكن استخدام قيمة المعرف التي يتم إرجاعها بواسطة SetInterval () كمعلمة لطريقة ClearInterval ().
setInterval () الاستخدام
SetInterval (رمز ، ميليسيك [، "لانج"])
رمز المعلمتين التاليتين هما رمز JS الخاص بك ، Millisec هو الفاصل الزمني ، يقاس بالميلي ثانية
نسخة الكود كما يلي:
<body>
<div id = "content" style = "الموضع: النسبية ؛ الارتفاع: 1000px ؛ العرض: 1000px ؛ خلفية اللون:#666 ؛">
<div id = "One" style = "الموضع: مطلق ؛ أعلى: 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 ('content'). OffsetWidth-One.OffSetWidth-20 || x <= 0)
{
XS = -1*XS ؛
}
if (y> = document.getElementById ('content'). Offsetheight-One.OffSetheight-20 || y <= 0)
{
ys = -1*ys ؛
}
One.style.left = x ؛
One.style.top = y ؛
}
dt = setInterval (scroll ، 100) ؛
One.onmouseover = function () {
Clearinterval (DT) ؛
} ؛
One.onmouseout = function () {
dt = setInterval (scroll ، 100) ؛
} ؛
</script>
</body>
هنا مثال بسيط.
مثال 1
نسخة الكود كما يلي:
وظيفة العرض () {trace ("سأظهر كل ثانية") ؛}
var sh ؛ sh = setInterval (show ، 1000) ؛
ClearInterval (sh) ؛
مثال 2
نسخة الكود كما يلي:
<Porm>
<type type = "text" id = "clock" size = "35" />
<لغة البرنامج النصي = javaScript>
var int = self.setinterval ("clock ()" ، 50)
وظيفة clock () {var t = date ()
document.getElementById ("الساعة"). القيمة = ر
}
</script>
</form>
<div id = "clock"> </viv>
<button onClick = "int = window.clearinterval (int)"> توقف الفاصل الزمني </button>