So implementieren Sie einen 60er-Countdown für Textnachrichten

Dieser Artikel gibt Ihnen hauptsächlich einen Beispielcode, um Ihnen eine detaillierte Einführung in die SMS-Countdown-60er-Funktion zu geben. Er ist sehr gut und hat hoffentlich Referenzwert es kann jedem helfen.

Ohne weitere Umschweife werde ich den Code direkt für Sie veröffentlichen

$(function(){
   //获取验证码
   var getCode = document.getElementById('getCode');
    var wait = 60;
    function time(btn){
      if (wait===0) {
        btn.removeAttribute("disabled");
        btn.innerHTML = "获取验证码";
        wait = 60;
      }else{
        btn.setAttribute("disabled",true);
        btn.innerHTML = wait + "秒后重试";
        wait--;
        setTimeout(function(){
          time(btn);
        },1000);
      }
    }
    getCode.onclick = function(){
      time(this);
    };
})

Verwandte Empfehlungen:

Instanzanalyse des 60-s-Countdowns zum Erhalten des Bestätigungscodes im WeChat-Applet

js Anti-Refresh-Countdown-Code js Countdown-Code

So implementieren Sie den jQuery-Seiten-Countdown und den Aktualisierungseffekt

Das obige ist der detaillierte Inhalt vonSo implementieren Sie einen 60er-Countdown für Textnachrichten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!