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

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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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