jQuery---倒计时按钮实现

下面只针对   jQuery   倒计时写法实现

---

1. 首先使用图片了解相关内容

         

2.二话不说   实现上面功能代码如下

• 按钮的   html   代码如下:

<button class="seed">发送</button>

• 实现的  jQuery  代码如下:

//  入口函数  目的界面标签加载完成后才执行  

$(function {
    ......
})


//  代码如下

$(function() {
    $(".seed").click(function(){
        $(this).attr("disabled", true);
        nums = 60;
        clock = setInterval(doLoop, 1000);
    });
    
    function doLoop() {
        nums--;
        if(nums > 0) {
            $(".seed").html(nums + "s");
        } else {
            $(".seed").attr("disabled", false);
            $(".seed").html("发送");
        }
})