Heim > Artikel > Web-Frontend > 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:411522Durchsuche
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!