Maison > Article > interface Web > La technologie Jquery ajax réalise la transmission de valeurs à une certaine page toutes les N secondes

La technologie Jquery ajax réalise la transmission de valeurs à une certaine page toutes les N secondes

不言original: 2018-07-02 14:30:371977parcourir

Cet article présente la technologie jquery ajax pour transférer des valeursvers une page à intervalles réguliers, ainsi que la syntaxe de la méthode setinterval(). Les amis intéressés par cet article peuvent s'y référer

<.>Parfois, nous devons transmettre des valeurs à une certaine page de temps en temps, comme une salle de discussion. Toutes les quelques secondes, la valeur est transmise à la page de traitement de la base de données et récupérée, puis affichée dans le chat. fenêtre. Ou bien, il peut vérifier de temps en temps s'il y a un intervalle de 2 minutes entre la dernière fois que l'utilisateur a parlé et maintenant, et si c'est le cas, déconnecter l'utilisateur. Pour le moment, nous utiliserons la méthode HTML DOM setInterval().

La méthode setInterval() appelle une fonction ou évalue une expression à une 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"])

code

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

millisec

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

par exemple :

 setInterval(function(){
      host = window.location.host
      $.post("http://"+host+"/index.php/Article/cpMes/value/1");
    },5000);

Extension :

clearInterval () méthode

clearInterval() peut annuler le délai d'attente défini par setInterval().
Le paramètre de la méthode clearInterval() doit être la valeur ID renvoyée par setInterval().

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

Ce qui précède est l'intégralité du contenu de cet article, j'espère que ce sera utile à l'étude de chacun, veuillez faire attention au site Web PHP chinois pour plus de contenu connexe !

Recommandations associées :

jQuery implémente la méthode de surveillance de toutes les requêtes ajax sur la page

Implémentation de la validation globale sous bootstrapValidator basé sur 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

Article précédent：Comment résoudre la taille de la hauteur de l'onglet au centre lors de la mise en page ligerUIArticle suivant：Comment résoudre la taille de la hauteur de l'onglet au centre lors de la mise en page ligerUI

Articles Liés

Voir plus