国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JQuery實現倒計時按鈕具體方法

2024-05-06 15:54:58
字體:
來源:轉載
供稿:網友
頁面中需要實現某個按鈕點擊完后,禁用它,并顯示倒計時。這個默認是3秒,代碼如下

復制代碼 代碼如下:


<head>
    <title>test count down button</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                var count = 3;
                var countdown = setInterval(CountDown, 1000);

                function CountDown() {
                    $("#btn").attr("disabled", true);
                    $("#btn").val("Please wait " + count + " seconds!");
                    if (count == 0) {
                        $("#btn").val("Submit").removeAttr("disabled");
                        clearInterval(countdown);
                    }
                    count--;
                }
            })

        });
   </script>
</head>
<body>
<input type="button" value="Submit" />
</body>


有興趣您可以自己實現一下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 宜章县| 织金县| 玉门市| 皮山县| 金乡县| 开平市| 黑河市| 灵石县| 通山县| 晋中市| 徐水县| 突泉县| 城步| 淄博市| 齐河县| 佛教| 康定县| 大新县| 泽州县| 嘉禾县| 乌恰县| 玛多县| 安福县| 永仁县| 依安县| 永泰县| 临颍县| 福贡县| 泰兴市| 云阳县| 澳门| 宜君县| 涞水县| 苏州市| 恭城| 武陟县| 江城| 广德县| 南丰县| 桑植县| 大方县|