模擬短信發送按鈕

<!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>
發佈了26 篇原創文章 · 獲贊 1 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章