Heim > Web-Frontend > js-Tutorial > Detaillierte Erklärung von setTimeout() und setInterval() in JavaScript-Timern

Detaillierte Erklärung von setTimeout() und setInterval() in JavaScript-Timern

黄舟
Freigeben: 2017-08-20 10:12:38
Original
1699 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die relevanten Informationen der JavaScript-Timer setTimeout() und setInterval() im Detail vorgestellt, die einen gewissen Referenzwert haben.

Die Beispiele in diesem Artikel sind Wir haben geteilt Die spezifische Methode des JavaScript-Timers ist wie folgt:

1 Rufen Sie setTimeout() mit Timeout auf

Der Name deutet darauf hin, dass der Timeout-Aufruf bedeutet, dass nach einer bestimmten Zeitspanne (wie viele Millisekunden gewartet werden muss, bevor der Code ausgeführt wird)

setTimeout() aufgerufen wird:

1 oder auszuführende Funktion

2. Millisekunden (wie viele Millisekunden warten müssen, bevor der Code ausgeführt wird)


function test(){
  alert("孙悟空");
}
setTimeout(test,2000);  //2s后弹出 “孙悟空”
Nach dem Login kopieren

clearTimeout()

clearTimeout bedeutet, den Timer zu löschen. Sie können damit nicht ausgeführte Aufrufe abbrechen


var timmer=function test(){
  alert("孙悟空");
}
setTimeout(test,2000); //2s后弹出 “孙悟空”    
clearTimeout(timmer); //取消定时器,因为前者在两秒后调用,调用之前已经取消相当于什么也没发生
Nach dem Login kopieren

2. Intermittierende Aufrufe von setInterval().

Intermittierender Aufruf bedeutet, den Code innerhalb eines bestimmten Zeitraums wiederholt auszuführen. Der Volksmund lautet „Einmal anrufen, einmal aufrufen“

setInterval() wird ebenfalls empfangen zwei Parameter, die gleichen wie die ersteren:

1. Code oder Funktion, die ausgeführt werden soll

2. Millisekunden (wie viele Millisekunden gewartet werden müssen, bevor der Code ausgeführt wird)


function test(){
  alert("孙悟空");
}
setInterval(test,2000);  //每隔2s后弹出一次 “孙悟空”
Nach dem Login kopieren

clearInterval()

clearInterval() wird auf die gleiche Weise wie clearTimeout() verwendet und ist auch eine Lösch-Timer-Methode


var num=0;
var max=10;
function test(){
  num++;
  if (num==max){
    clearInterval(timer);  //累加到10时清除清定时器
    alert("这里有"+num+"个孙悟空");  //这里有10个孙悟空
  }
}
timer=setInterval(test,500);
Nach dem Login kopieren

Im obigen Beispiel wird die Variable num alle 0,5 s erhöht. Wenn sie den Maximalwert erreicht, wird der zuvor eingestellte Timer gelöscht (intermittierender Aufruf).

Dieses Muster kann auch mithilfe von Timeout-Aufrufen implementiert werden


var num=0;
var max=10;
function test(){
  num++;
  if (num<max){
    setTimeout(test,500);
  }else{
    alert("这里有"+num+"个孙悟空")
  }
}
setTimeout(test,500);
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung von setTimeout() und setInterval() in JavaScript-Timern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage