Explication détaillée de l'utilisation de setInterval en JavaScript

Je pense que beaucoup d'entre vous savent que La fonction de setInterval en JavaScript est d'appeler des fonctions, des méthodes ou des objets à certains intervalles lors de la lecture d'animations. Il y a aussi de nombreux amis qui ne connaissent que la définition de setInterval. , avez également un peu de connaissances, aujourd'hui nous allons vous présenter l'explication détaillée de l'utilisation de setInterval en JavaScript ! Le format de syntaxe de l'action

setInterval est le suivant :

setInterval(function,interval[,arg1,arg2,......argn])
setInterval(object,methodName,interval[,arg1,arg2,.....argn])

Le premier format est la syntaxe par défaut de la fonction setInterval dans le panneau d'action standard, et le deuxième format est dans la méthode d'action en mode expert utilisée.
La fonction paramètre est un nom de fonction ou une référence à une fonction anonyme. Le paramètre object spécifie un objet dérivé de Object object. methodName spécifie la méthode à appeler dans le paramètre object.
interval spécifie le temps entre deux appels à function ou methodName, en millisecondes. Les arg1 suivants et ainsi de suite sont des paramètres facultatifs, utilisés pour spécifier les paramètres passés à function ou methodName.
setInterval L'intervalle de temps qu'il définit est inférieur à la fréquence d'images de l'animation (par exemple 10 images par seconde, équivalent à 100 millisecondes), puis la fonction est appelée à un intervalle de temps aussi proche que possible de l'intervalle.
Et l'action updateAfterEvent doit être utilisée pour garantir que l'écran est actualisé avec une fréquence suffisante. Si l'intervalle est supérieur à la fréquence d'images de l'animation, il n'est appelé qu'à chaque fois que la tête de lecture entre dans une certaine image afin de réduire l'impact de chaque actualisation de l'écran.
L'exemple suivant appelle une fonction anonyme toutes les 1 seconde.

setInterval(function(){trace("每隔1秒钟我就会显示一次")},1000);//这里的function(){}是没有函数名的函数。成为匿名函数，后面的1000是时间间隔，单位是毫秒。

L'exemple suivant nous montre comment l'exécuter avec des paramètres.

function show1(){
    trace("每隔1秒显示一次");
}
function show2(str){
    trace(str);
}
setInterval(show1,1000);

setInterval(show2,2000, "Je l'afficherai toutes les 2 secondes"); La méthode setInterval de la fonction a été introduite ci-dessus.
Ci-dessous, nous présenterons la méthode setInterval de l'objet.
Tout d'abord, écrivez un exemple d'appel de la méthode setInterval d'un objet dans une action. Cet exemple ne nécessite pas de transmission de paramètres.

myobj=new Object();//创建一个新的对象
myobj.interval=function){
    trace("每隔1秒显示一次");
}//创建对象的方法。
setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。

Ensuite, nous présenterons comment transmettre des paramètres. En fait, le principe est le même que pour passer des paramètres de fonctions.

myobj=new Object();
myobj.interval-function(str){
    trace(str);
}
setInterval(myobj,"interval",2000," 每隔2秒我就会显示一次");

Attention. Lorsque vous souhaitez appeler des méthodes définies pour un objet, vous devez utiliser le deuxième format de syntaxe en mode expert.
Dans ce cas, créons un écran qui affiche l'heure de manière dynamique. Ceci peut être réalisé avec le code suivant.

setInterval(show,1000);
function show(){
    time=new Date();
    hour=time.getHours();
       minu=time.getMinutes();
       sec=time.get.Seconds();
    datetime=hour+":"+minu+":"+sec;
}//这里的datetime是一个动态文本框的变量名字。

En ressemblant à ça, tout le monde aurait dû très bien apprendre la méthode setInterval. Maintenant, nous apprenons l'action clearInterval.
clearInterval consiste à effacer l'appel à la fonction setInterval. Sa syntaxe est la suivante : clearInterval(intervalid); est l'objet renvoyé après l'appel de la fonction setInterval.
Voici un exemple simple.

function show(){
    trace("每隔一秒显示一次");
}
var sh;
sh=setInterval(show,1000);
clearInterval(sh);

Résumé :

Je crois que grâce à l'étude détaillée de cet article, mes amis se familiariseront avec le utilisation de setInterval en JavaScript Si vous avez une meilleure compréhension, j'espère que cela vous sera utile dans votre travail !

Recommandations associées :

JS SetInterval Comment implémenter le didacticiel d'interrogation de pages

Exemples d'utilisation de setInterval et setTimeout dans js

js utilise setInterval pour implémenter le compte à rebours

JS implémente des tâches planifiées, demandant un timing setInterval en arrière-plan et des requêtes ajax toutes les N secondes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!