Heim >Web-Frontend >js-Tutorial >Die JQuery-Ajax-Technologie ermöglicht die Übertragung von Werten alle N Sekunden an eine bestimmte Seite

Die JQuery-Ajax-Technologie ermöglicht die Übertragung von Werten alle N Sekunden an eine bestimmte Seite

不言
不言Original
2018-07-02 14:30:372006Durchsuche

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 kann von Zeit zu Zeit prüfen, ob zwischen dem letzten Sprechen des Benutzers und dem jetzigen Zeitpunkt zwei Minuten vergangen sind, und wenn ja, den Benutzer abmelden. 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.

zB:

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

Erweiterung:

clearInterval() Methode
clearInterval()-Methode kann das durch setInterval() festgelegte Timeout abbrechen.
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>

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er hilfreich sein wird Jedermanns Studie. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

jQuery implementiert die Methode zur Überwachung aller Ajax-Anfragen auf der Seite

Implementierung der globalen Validierung unter BootstrapValidator basierend auf jQuery

Das obige ist der detaillierte Inhalt vonDie JQuery-Ajax-Technologie ermöglicht die Übertragung von Werten alle N Sekunden an eine bestimmte Seite. 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