Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der jQuery-Implementierung der Timer-Funktion

Detaillierte Erläuterung der jQuery-Implementierung der Timer-Funktion

php中世界最好的语言
php中世界最好的语言Original
2018-04-18 15:30:302699Durchsuche

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der jQuery-Implementierung der Timer-Funktion geben. Was sind die Vorsichtsmaßnahmen für die Implementierung der Timer-Funktion mit jQuery? Werfen wir einen Blick darauf.

Während ich das Projekt schrieb, stieß ich auf die Geschäftsanforderung, dass das Frontend den Bestätigungscode innerhalb von 60 Sekunden senden sollte, also habe ich die Timer-Funktion verwendet:

setInterval(functionxxx(){
   //业务逻辑
},隔多少时间执行一次)

60-Sekunden-Timing-Idee:

1. Sekunden einstellen: 60s
2. Inhalt einstellen: Änderung in Echtzeit, Sekunden + Inhalt
3. Nach dem Ende: Deaktivierung der -Taste aufheben und den Inhalt auf den Originalzustand zurücksetzen Staat

//计时器60秒
functiontimeInterval(){
  $("#code_send_btn").html("60秒后重新获取邮箱验证码");
  vartimeSec = 59;
  vartimeStr ='';
  varcodeTime = setInterval(functionInternal(){
    if(timeSec == 0){
      $("#code_send_btn").html("获取邮箱注册码");
      $("#code_send_btn").removeAttr("disabled","disabled");
      clearInterval(codeTime);
      return;
    }
    timeStr ="("+timeSec+")获取邮箱注册码";
    $("#code_send_btn").html(timeStr);
    timeSec--;
  },1000);
}

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So bearbeiten Sie Leinwandbilder

So richten Sie js ein, um die wiederholte Einreichung von Formularen zu verhindern

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der jQuery-Implementierung der Timer-Funktion. 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