模拟短信发送按钮

最新推荐文章于 2024-04-26 09:41:00 发布

scenewood

最新推荐文章于 2024-04-26 09:41:00 发布

阅读量454

点赞数

分类专栏： jQuery 文章标签： jquery html5

本文链接：https://blog.csdn.net/scenewood/article/details/48164335

版权

jQuery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="button" id="btn" value="发送短信">
<script src="jquery-2.1.1.min.js"></script>
<script>
    var count_time= 5;//定义规定的时间，60秒后再次发送
    function start_timer()
    {

        if(count_time == 0)
        {
            $('#btn').removeAttr("disabled");
            $('#btn').val("重新发送");
            count_time= 5;
        }else
        {
            $('#btn').attr("disabled",true);
            $('#btn').val("重新发送("+count_time+")");
            count_time--;
            setTimeout(function(){start_timer();},1000);
        }

    }

    $('#btn').click(function(){
        start_timer();
    });
</script>
</body>
</html>