javascript -- 把按鈕變成讀秒倒計時

原文鏈接:https://www.cnblogs.com/kuku0223/p/11679927.html

$('#btn').click(function(){

 

//設置按鈕倒計時

$(this).addClass('disabled'); //把按鈕變灰

$(this).attr('disabled'true); //把按鈕變灰

var time = 10;

$(this).text(time + 's'); //把按鈕變成秒數顯示

var interval = setInterval(() => {

if(time <= 0){

  clearInterval(interval); //清楚倒計時

  $(this).removeClass('disabled'); //把灰色按鈕變成還原

  $(this).attr('disabled'false); //把灰色按鈕變成還原

  $(this).text('發送驗證碼'); //把灰色按鈕變成還原

  return false;

}

time --; //時間自動減1

$(this).text(time + 's'); //把按鈕變成秒數顯示 自動減1後的

}, 1000); //每秒執行一下

 

});

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