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

[复制链接]

121

主题

184

帖子

1136

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1136
admin 发表于 2019-12-25 11:22:49
561 1
简单测试功能,主要应用在网站注册或者登录时发送验证码,可以对接smslib短信二次开发包使用。

QQ截图20191225111451.png
QQ截图20191225111415.png

QQ截图20191225111438.png

  1. <!DOCTYPE html>
  2. <html>

  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6. </head>

  7. <body>
  8.     <input type="text" />
  9.     <button id="btn">点击发送短信</button>
  10. </body>

  11. </html>
  12. <script>
  13.     var btn = document.getElementById("btn");
  14.     var count = 30;  // 数据的 30
  15.     var timer = null; // 定时器的名字
  16.     btn.onclick = function () {
  17.         clearInterval(timer);  // 先清除掉原来的定时器
  18.         // alert(11);
  19.         this.disabled = true;
  20.         //alert(this);  // this 指向的是 btn
  21.         var that = this;  // 把 btn 对象 给 that  var _this = this;
  22.         timer = setInterval(sendTextMessage, 1000);  // 开启定时器 名字  timer
  23.         function sendTextMessage() {
  24.             count--;
  25.             //this.innerHTML = "还剩余"+count+"秒";
  26.             // alert(this); // this 指向的是 定时器  window
  27.             //alert(that);
  28.             if (count >= 0) {
  29.                 that.innerHTML = "还剩余" + count + "秒";
  30.             }
  31.             else {
  32.                 that.innerHTML = "重新发送短信";
  33.                 that.disabled = false;
  34.                 clearInterval(timer);  // 清除定时器
  35.                 count = 30;
  36.             }


  37.         }

  38.     }
  39. </script>
复制代码
转载自:https://blog.csdn.net/qq_37968920/article/details/82491150



回复

使用道具 举报

月省长 发表于 2020-4-27 15:59:47
我的妈呀,爱死你了











回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

热帖滚动

扫描二维码 关注我们官方微信 创业一手掌握
联系我们

0755-82604707

周一至周五9:00-18:00

售后服务 / 投诉处理

Powered by 2013-2017   深圳市腾亨科技有限公司 版权所有   粤ICP备16015368号-1

QQ- 短信设备-4G全网通短信设备-JAVA短信二次开发包-Archiver-手机版-小黑屋- THKJ Inc.