js實現60s倒計時效果


適用於獲取驗證碼等其他場景,下面代碼直接粘貼句可以使用

// 60s獲取驗證碼的js與html
var timer = null;
var count = 60;
$('.box>button').click(function() {
var codeText = $('.code').text();
if (codeText == '獲取驗證碼') {
timer = setInterval(function(){
count--;
$('.code').text(count+'后獲取驗證碼');
if (count <=0) {
clearInterval(timer);
$('.code').text('獲取驗證碼');
}
},1000);
}
});
html:
<!-- 60s倒計時 -->
<div class='box'>
<button class='code'>獲取驗證碼</button>
</div>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM