Jquery 定時器 倒計時


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src='jquery-1.7.js'></script>
</head>
<body>
    <input type="button" value="搜索" class="but">
</body>
</html>
<script>
$(function(){
        $(document).delegate('.but','click',function(){
                var _this = $('.but')
                var count = 2;                                //@1、定義一個秒數
                var keng = setInterval(kengNo,1000);    //@2、寫一個函數 函數里有個方法  每秒執行
                function kengNo(){
                    _this.attr("disabled",true).val("請在"+count+"后搜索");   //@3、點擊之后禁止button按鈕,修改value值
                    // $('.but');    
                    if(count == 0){                        //@4、當5秒減完   判斷
                        _this.val("搜索").removeAttr("disabled");   //@5、清楚禁止屬性 ,重置value值
                        clearInterval(keng);                            //@6、清除函數
                    }
                    count--;//@每次執行這個方法將會減1
                }
                    
        })
})
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM