suchen

Heim >Web-Frontend >js-Tutorial >Implementierung der Wertübertragung auf eine Seite alle N Sekunden basierend auf der Jquery-Ajax-Technologie

Implementierung der Wertübertragung auf eine Seite alle N Sekunden basierend auf der Jquery-Ajax-Technologie

亚连
亚连Original
2018-05-24 15:18:411698Durchsuche

In diesem Artikel wird die JQuery-Ajax-Technologie zum regelmäßigen Übertragen von Werten auf eine Seite sowie die Syntax der setinterval()-Methode vorgestellt. Freunde, die sich für diesen Artikel interessieren, können darauf verweisen

Manchmal müssen wir von Zeit zu Zeit Werte an eine bestimmte Seite übergeben, beispielsweise an einen Chatroom. Alle paar Sekunden wird der Wert an die Datenbankverarbeitungsseite übergeben und abgerufen und dann im Chat angezeigt Fenster. Oder es überprüft von Zeit zu Zeit, ob zwischen dem letzten Sprechen des Benutzers und dem jetzigen Zeitpunkt zwei Minuten vergangen sind, und meldet den Benutzer in diesem Fall ab. Zu diesem Zeitpunkt verwenden wir die HTML-DOM-Methode setInterval().

Die Methode setInterval() ruft eine Funktion auf oder wertet einen Ausdruck in einem angegebenen Zeitraum (in Millisekunden) aus.

Die Methode setInterval() ruft die Funktion so lange auf, bis clearInterval() aufgerufen oder das Fenster geschlossen wird. Der von setInterval() zurückgegebene ID-Wert kann als Argument für die Methode clearInterval() verwendet werden.

Syntax:

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

code

Erforderlich. Eine aufzurufende Funktion oder eine auszuführende Codezeichenfolge.

Millisekunden

Erforderlich. Das Zeitintervall (in Millisekunden) zwischen periodischen Ausführungen oder Codeaufrufen.

z. B.:

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

Erweiterung:

clearInterval()-Methode
clearInterval()-Methode kann abgebrochen werden durch setInterval() legt das Timeout fest.
Der Parameter der Methode „clearInterval()“ muss der von setInterval() zurückgegebene ID-Wert sein.

zB:

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

Der obige Inhalt ist eine Einführung in die Implementierung der Jquery-Ajax-Technologie, um alle N Sekunden Werte auf eine Seite zu übertragen gefällt mir.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Lösen des Vorwärts- und Rückwärtsproblems von Ajax basierend auf Jquery.history

So lösen Sie das Problem von Ajax Anforderungssitzungsfehler

Schreiben leichter Ajax-Komponenten 02 – Eine kurze Analyse von AjaxPro

Das obige ist der detaillierte Inhalt vonImplementierung der Wertübertragung auf eine Seite alle N Sekunden basierend auf der Jquery-Ajax-Technologie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Analyse der zugrunde liegenden Funktionen des Javascript-BereichsNächster Artikel：Analyse der zugrunde liegenden Funktionen des Javascript-Bereichs

In Verbindung stehende Artikel

Mehr sehen