La technologie Jquery ajax réalise la transmission de valeurs à une certaine page toutes les N secondes-js tutoriel-php.cn

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

不言

Libérer： 2018-07-02 14:30:37

original

1972 Les gens l'ont consulté

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"])

Copier après la connexion

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);

Copier après la connexion

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>

Copier après la connexion

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!