风一样的回忆

新浪微薄腾讯微薄

最新碎语:最近开始学习俄语!!!

您的位置:风一样的回忆 >html5> Jquery实现发送短信倒计时按钮

Jquery实现发送短信倒计时按钮

代码如下,如有需要,自行拷贝:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<button id="btn" style="width:70px;">发送</button>
</body>
</html>
<script>
$(function(){
var btn = $('#btn');
btn.click(function(){
    alert('发送成功');
    btn.attr('disabled', true);
    start(btn,10);
});

});

function start(node,count)
{
    if(count > 0)
    {
        node.html(count--);
        var _this = this;
        setTimeout(function(){
                 _this.start(node,count);
             },1000);
    }else{
        node.prop('disabled',false);
        node.html('再次发送');
        count = 60;
    }
}
    </script>

 

 

---

转载请注明本文标题和链接:《Jquery实现发送短信倒计时按钮

分享到:
以下为全部代码:
Plugins by ewCEO.com

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交