欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS基于遞歸實(shí)現(xiàn)倒計(jì)時(shí)效果的方法

 更新時(shí)間：2016年11月26日 08:56:39   作者：牛逼的霍嘯林  
這篇文章主要介紹了JS基于遞歸實(shí)現(xiàn)倒計(jì)時(shí)效果的方法,結(jié)合實(shí)例形式分析了javascript基于遞歸算法實(shí)現(xiàn)倒計(jì)時(shí)功能的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS基于遞歸實(shí)現(xiàn)倒計(jì)時(shí)效果的方法。分享給大家供大家參考，具體如下：

效果：

事件：

//發(fā)送驗(yàn)證碼
$('.js-sms-code').click(function(){
    $(this).attr("disabled", "disabled").html("<span style='color:#666'><span id='countdown'>60</span>s 后再試</span>");
    countdown();
    var tel = $('#tel').val();
    $.ajax({
      url: "{sh::U('Home/sendSmscode')}",
      type:'POST',
      dataType:"json",
      data: {tel: tel},
      success: function() {
      },
      error: function() {
        $('.js-help-info').html("請(qǐng)求失敗");
      }
    });
})

點(diǎn)評(píng)：這里的countdown方法就是妙處。

看代碼：

function countdown() { // 遞歸
  setTimeout(function() {
    var time = $("#countdown").text();
    if (time == 1) {
      $('.js-sms-code').removeAttr("disabled");
      $('.js-sms-code').html("發(fā)送驗(yàn)證碼");
    } else {
      $("#countdown").text(time - 1);
      countdown();
    }
  }, 1000);
}

點(diǎn)評(píng)：如果time不等于1，就繼續(xù)調(diào)用，同時(shí)時(shí)間減去一秒。setTimeout也很精髓。直至time減到1為止，移除disabled并更改內(nèi)容為‘發(fā)送驗(yàn)證碼'。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript時(shí)間與日期操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論