亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jQuery 點擊獲取驗證碼按鈕及倒計時功能

發布時間:2020-09-28 02:05:59 來源:腳本之家 閱讀:159 作者:dingFY_Demi 欄目:web開發

1.具體思路

        點擊獲取驗證碼按鈕 —> 調用獲取驗證碼接口(忽略)—>獲取驗證碼按鈕切換到不可點擊狀態,按鈕背景色呈灰色,按鈕文字呈現為“倒計時秒數+后可重新獲取”—> 倒計時60s后按鈕恢復可點擊狀態,按鈕背景呈橙色,按鈕文字呈現為“重新發送”

2.HTML代碼

<button type="button" class="feachBtn">獲取驗證碼</button>

3.JS代碼

// 點擊獲取驗證碼操作
  $('.feachBtn').click(function() {
    let count = 60;
    const countDown = setInterval(() => {
      if (count === 0) {
       $('.feachBtn').text('重新發送').removeAttr('disabled');
       $('.feachBtn').css({
        background: '#ff9400',
        color: '#fff',
       });
       clearInterval(countDown);
      } else {
       $('.feachBtn').attr('disabled', true);
       $('.feachBtn').css({
        background: '#d8d8d8',
        color: '#707070',
       });
       $('.feachBtn').text(count + '秒后可重新獲取');
      }
      count--;
     }, 1000);
    }
  });

4.效果圖

jQuery 點擊獲取驗證碼按鈕及倒計時功能

jQuery 點擊獲取驗證碼按鈕及倒計時功能

jQuery 點擊獲取驗證碼按鈕及倒計時功能

總結

以上所述是小編給大家介紹的jQuery 點擊獲取驗證碼按鈕及倒計時,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

无锡市| 菏泽市| 枣阳市| 新龙县| 府谷县| 铜陵市| 四子王旗| 虎林市| 井陉县| 盐亭县| 黔西县| 连平县| 文成县| 双柏县| 江北区| 文安县| 宜黄县| 绿春县| 高尔夫| 宁城县| 铅山县| 平远县| 三穗县| 水城县| 永寿县| 昂仁县| 汽车| 拜城县| 固原市| 宁晋县| 新巴尔虎右旗| 利津县| 昌平区| 泸定县| 平远县| 东乡族自治县| 邹平县| 辛集市| 阿鲁科尔沁旗| 葫芦岛市| 威海市|