Jquery手機傳送簡訊之後，進入倒計時狀態

標籤：style   class   blog   code   java   http   

在做手機網站開發的時候，難免發生意外。這時候，就是你展示人格魅力的時候啦！

下面是自己寫的一個發送驗證碼給手機之後，進入的一個倒計時的效果

js代碼，我可是連<script type="text/javascript">這種都貼出來啦！

<script type="text/javascript">        var InterValObj;         var count = 60;         var curCount;         function sendMessage() {            curCount = count;            $("#sendMessage").attr("disabled", "true");            $("#sendMessage").parent().children().first().children().text("在" + curCount + "秒之後重發");            $("#sendMessage").val("在" + curCount + "秒之後重發");            InterValObj = window.setInterval(SetRemainTime, 1000); //啟動計時器，1秒執行一次        }        //timer處理函數        function SetRemainTime() {            if (curCount == 0) {                window.clearInterval(InterValObj); //停止計時器                $("#sendMessage").removeAttr("disabled"); //啟用按鈕                $("#sendMessage").parent().children().first().children().text("重新發送");                $("#sendMessage").val("重新發送");            }            else {                curCount--;                $("#sendMessage").val("在" + curCount + "秒之後重發");                $("#sendMessage").parent().children().first().children().text("在" + curCount + "秒之後重發");            }        }</script>

　Html代碼，就一個按鈕

<input type="button" id="sendMessage" value="發送資訊" />

　當然了  你還得引用最重要的庫檔案。

<link href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" rel="stylesheet"        type="text/css"><script src="jquery的庫檔案" type="text/javascript"></script><script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>

 這都不是最重要的，重要的是 沒有引用啊~

 於是js加上一句：

$(function () {            $("#sendMessage").click(function () {                sendMessage();            })        })

最後的效果，在Google裡面如下：

點擊之後

很期待下次與大家的分享，不要問我是誰，請叫我紅領巾。