zoukankan      html  css  js  c++  java
  • 间歇定时器简单应用

    ​ 间歇定时器让定时器每隔一段时间就执行一次,直到清除定时器为止。语法:

    var intervalID = setInterval(func, delay);
    intervalID   定时器的id,用于清除
    func         重复执行的函数
    delay        每次延迟的毫秒数

    例举一个点击按钮进行计时发送短信验证码的简单实例,说明间歇定时器的应用。

    <body>
    <button>发送短信验证码</button>
    <script>
        var button = document.getElementsByTagName("button")[0];
        //button绑定点击事件
        button.onclick = function () {
            var num = 5;
           // 禁用按钮
            button.disabled = true;
            //设置间歇定时器,每隔1000毫秒执行一次
            var timer = setInterval(function () {
                num--;
                button.innerHTML = num + "秒后重新发送验证码";
                if(num == 0 ){
                  //计时剩0秒时,清除定时器,启用按钮
                    clearInterval(timer);
                    button.disabled = false;
                    button.innerHTML = "发送短信验证码";
                }
            },1000);
        }
    </script>
    </body>
  • 相关阅读:
    java代码split分割数字类
    P1330 封锁阳光大学
    1022 舞会2
    1626 爱在心中
    P2024 食物链(two)
    P1196 银河英雄传说
    P1892 团伙
    P1546 最短网络(最小生成树)
    烦人的幻灯片(拓扑)
    例4.15 奖金(拓扑排序)
  • 原文地址:https://www.cnblogs.com/Jianxq12/p/7684309.html
Copyright © 2011-2022 走看看