Maison  >  Article  >  interface Web  >  Comment définir une boucle de quelques secondes dans jquery

Comment définir une boucle de quelques secondes dans jquery

WBOY
WBOYoriginal
2022-01-10 17:36:581472parcourir

Dans jquery, vous pouvez utiliser la méthode setInterval() pour définir le code spécifié pendant une boucle de quelques secondes. Cette méthode peut appeler des fonctions ou calculer des expressions en fonction de la période spécifiée en millisecondes jusqu'à ce que clearInterval() soit appelé ou que la fenêtre soit fermée. Syntaxe C'est "setInterval(call function, time)".

Comment définir une boucle de quelques secondes dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment définir une boucle de quelques secondes dans jquery

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

setInterval() continuera d'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().

Syntaxe

setInterval(code,millisec[,"lang"])

Description du paramètre

code requis. Une fonction à appeler ou une chaîne de code à exécuter.

millisec est un incontournable. L'intervalle de temps, en millisecondes, entre les exécutions périodiques ou les appels au code.

Valeur de retour

Une valeur qui peut être transmise à Window.clearInterval() pour annuler l'exécution périodique du code.

Exemple

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>

Résultat de sortie :

Comment définir une boucle de quelques secondes dans jquery

Recommandation de didacticiel vidéo associé : Tutoriel vidéo jQuery

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn