Heim > Web-Frontend > js-Tutorial > Die Definition und Verwendung der Methode window.setInterval() und der Unterschied zwischen den Fähigkeiten offsetLeft und style.left_javascript

Die Definition und Verwendung der Methode window.setInterval() und der Unterschied zwischen den Fähigkeiten offsetLeft und style.left_javascript

WBOY
Freigeben: 2016-05-16 15:32:40
Original
1330 Leute haben es durchsucht

Definition und Verwendung

Die Methode setInterval() kann eine Funktion aufrufen oder einen Ausdruck entsprechend dem angegebenen Zeitraum (in Millisekunden) berechnen.

Die Methode

setInterval() ruft die Funktion weiterhin auf, bis clearInterval() aufgerufen oder das Fenster geschlossen wird. Der von setInterval() zurückgegebene ID-Wert kann als Argument für die Methode clearInterval() verwendet werden.

Tipp: 1000 Millisekunden = 1 Sekunde.

Grammatik

setInterval(code,millisec,lang)

参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。
lang 可选。 JScript | VBScript | JavaScript

Zusammenfassung:

Diese Methode kann ein Programm gemäß dem angegebenen Zyklus ausführen. Der Zeitraum wird in Millisekunden angegeben.

Diese Methode wird für immer ausgeführt, wenn Sie den Browser nicht schließen oder die clearInterval()-Methode aufrufen.

Der Rückgabewert ist die eindeutige ID dieser Methode.

Um die Ausführung dieser Timer-Funktion zu stoppen, lesen Sie bitte das Kapitel clearInterval()-Methode.

Klicken Sie hier, um weitere Eigenschaften und Methoden des Fensterobjekts anzuzeigen.

Browserunterstützung:

(1). Der IE-Browser unterstützt diese Methode.
(2). Der Firefox-Browser unterstützt diese Methode.
(3). Der Opera-Browser unterstützt diese Methode.
(4). Der Chrome-Browser unterstützt diese Methode.
(5). Der Safria-Browser unterstützt diese Methode.

Codebeispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript"> 
window.onload=function(){ 
 n=0; 
 function show(){ 
 document.getElementById("mytext").value=n+1; 
 n=n+1; 
 } 
 var flag=setInterval(show,1000) 
} 
</script> 
</head> 
<body> 
<input type="text" size=10 id="mytext" /> 
</body> 
</html>
Nach dem Login kopieren

Lassen Sie mich Ihnen den Unterschied zwischen offsetLeft und style.left vorstellen

offsetLeft ruft den linken Rand relativ zum übergeordneten Objekt ab

left ruft oder setzt den linken Rand

relativ zum übergeordneten Objekt mit Positionierungsattribut (Position wird als relativ definiert)

Wenn die Position des übergeordneten Div als relativ und die Position des untergeordneten Div als absolut definiert ist, ist der Wert von style.left des untergeordneten Div relativ zum Wert des übergeordneten Div,
Dies ist dasselbe wie offsetLeft, der Unterschied ist:

1. style.left gibt eine Zeichenfolge zurück, z. B. 28px, und offsetLeft gibt einen Wert von 28 zurück. Wenn Sie den erhaltenen Wert berechnen müssen,
Es ist bequemer, offsetLeft zu verwenden.

2. style.left ist schreibgeschützt, offsetLeft ist schreibgeschützt. Um die Position des Div zu ändern, können Sie also nur style.left ändern.

3. Der Wert von style.left muss im Voraus definiert werden, sonst ist der erhaltene Wert leer. Und es muss in HTML definiert sein. Ich habe Experimente durchgeführt, wenn es in
definiert ist In CSS ist der Wert von style.left immer noch leer. Dies ist das Problem, auf das ich am Anfang gestoßen bin. Ich kann den Wert von style.left nicht immer ermitteln.

offsetLeft kann immer noch erhalten werden, ohne die Position des Div im Voraus zu definieren.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage