La définition et l'utilisation de la méthode window.setInterval() et la différence entre les compétences offsetLeft et style.left

La définition et l'utilisation de la méthode window.setInterval() et la différence entre les compétences offsetLeft et style.left_javascript

WBOY

Libérer： 2016-05-16 15:32:40

original

1316 Les gens l'ont consulté

Définition et usage

La méthode setInterval() peut appeler une fonction ou calculer une expression selon la période spécifiée (en millisecondes).

La méthode

setInterval() continuera à appeler la fonction jusqu'à ce que clearInterval() soit appelée ou que la fenêtre soit fermée. La valeur ID renvoyée par setInterval() peut être utilisée comme argument de la méthode clearInterval().

Conseil : 1 000 millisecondes = 1 seconde.

Grammaire

setInterval(code,millisec,lang)

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

Résumé :

Cette méthode peut exécuter un programme selon le cycle spécifié. La période est en millisecondes.

Cette méthode s'exécutera pour toujours si vous ne fermez pas le navigateur ou n'appelez pas la méthode clearInterval() .

La valeur de retour est l'ID unique de cette méthode.

Pour arrêter l'exécution de cette fonction timer, veuillez vous référer au chapitre Méthode clearInterval().

Cliquez pour voir plus de propriétés et méthodes de l'objet fenêtre.

Support du navigateur :

(1). Le navigateur IE prend en charge cette méthode.
(2). Le navigateur Firefox prend en charge cette méthode.
(3). Le navigateur Opera prend en charge cette méthode.
(4). Le navigateur Chrome prend en charge cette méthode.
(5).Le navigateur Safria prend en charge cette méthode.

Exemple de code :

<!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>

Copier après la connexion

Laissez-moi vous présenter la différence entre offsetLeft et style.left

offsetLeft obtient la marge gauche par rapport à l'objet parent

left obtient ou définit la marge gauche

par rapport à l'objet parent avec l'attribut de positionnement (la position est définie comme relative)

Si la position du div parent est définie comme relative et la position du div enfant est définie comme absolue, alors la valeur de style.left du div enfant est relative à la valeur du div parent,
C'est la même chose que offsetLeft, la différence est :

1. style.left renvoie une chaîne, telle que 28px, et offsetLeft renvoie une valeur de 28. Si vous devez calculer la valeur obtenue,
Il est plus pratique d'utiliser offsetLeft.

2. style.left est en lecture-écriture, offsetLeft est en lecture seule, donc pour changer la position du div, vous ne pouvez modifier que style.left.

3. La valeur de style.left doit être définie à l'avance, sinon la valeur obtenue sera vide. Et il doit être défini en html. J'ai fait des expériences s'il est défini en
. En CSS, la valeur de style.left est toujours vide. C'est le problème que j'ai rencontré au début. Je n'arrive pas toujours à obtenir la valeur de style.left.

offsetLeft peut toujours être obtenu sans définir la position du div à l'avance.