jquery獲取短信驗證碼倒計時

 直接上代碼

 // 獲取短信驗證碼
  $('.get_code').click(function () {
    var $code = $(this);
    if (!$(this).hasClass('disabled')) { // 如果調了短信發送接口, 短信發送判斷
      var time = 60;
      $code.addClass("disabled");
      $code.text(time + '秒')
      $code.css('color','#999')
      var t = setInterval(function () {
        time--;
        $code.text(time + '秒')
        if (time === 0) {
          clearInterval(t);
          $code.removeClass("disabled");
          $code.css('color','#169BD5')
          $code.text("重新獲取");
        }
      }, 1000)
    }
  })

使用 : dom直接加類名get_code

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章