js实现 点击发送短信剩余秒数

分享
简单测试功能,主要应用在网站注册或者登录时发送验证码,可以对接smslib短信二次开发包使用。





<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <input type="text" />
    <button id="btn">点击发送短信</button>
</body>

</html>
<script>
    var btn = document.getElementById("btn");
    var count = 30;  // 数据的 30
    var timer = null; // 定时器的名字
    btn.onclick = function () {
        clearInterval(timer);  // 先清除掉原来的定时器
        // alert(11);
        this.disabled = true;
        //alert(this);  // this 指向的是 btn
        var that = this;  // 把 btn 对象 给 that  var _this = this;
        timer = setInterval(sendTextMessage, 1000);  // 开启定时器 名字  timer
        function sendTextMessage() {
            count--;
            //this[xss_clean] = "还剩余"+count+"秒";
            // alert(this); // this 指向的是 定时器  window
            //alert(that);
            if (count >= 0) {
                that[xss_clean] = "还剩余" + count + "秒";
            }
            else {
                that[xss_clean] = "重新发送短信";
                that.disabled = false;
                clearInterval(timer);  // 清除定时器
                count = 30;
            }


        }

    }
</script>


短信设备二次开发 2022-04-09 0 0

admin

  • 注册时间 : 2022-03-30 04:08:47
  • 邮箱地址 : admin@tenghengkeji.com
  • 此页面用于展示用户的基本上资料信息

回帖 ( 0 )