案例：防止重复发送短信

最新推荐文章于 2024-01-21 09:27:25 发布

杨蛋蛋~R

最新推荐文章于 2024-01-21 09:27:25 发布

阅读量889

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_50119334/article/details/108921069

版权

本文介绍了一个防止用户在60秒内重复发送短信的JavaScript案例。点击发送按钮后，按钮将被禁用，内容更新并倒计时。利用定时器减少变量，当变量归零时恢复按钮初始状态。

摘要由CSDN通过智能技术生成

案例：防止重复发送短信

点击按钮后，60秒内不能重复点击，防止重复发送短信
思路：

按钮点击后，会禁用disabled为true
同时按钮里面的内容会有变化，注意button 里面的内容通过innerHTML 修改
里面秒数是由变化的，需要用到定时器
定义一个变量，在定时器里面，不断递减
如果变量为0，说明时间到了，此时停止定时器，并且复原按钮初始状态

  <body>
    <div>
      <input type="text" alt="" placeholder="请输入手机号" />
      <button>发送</button>
    </div>
    <script>
      var btn = document.querySelector("button");
      var time = 60;

最低0.47元/天解锁文章

杨蛋蛋~R

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
案例：防止重复发送短信

案例：防止重复发送短信点击按钮后，60秒内不能重复点击，防止重复发送短信思路：按钮点击后，会禁用disabled为true同时按钮里面的内容会有变化，注意button 里面的内容通过innerHTML 修改里面秒数是由变化的，需要用到定时器定义一个变量，在定时器里面，不断递减如果变量为0，说明时间到了，此时停止定时器，并且复原按钮初始状态 <body> <div> <input type="text" alt="" placeholde
复制链接

扫一扫

专栏目录