博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点击按钮 发送短信验证码后60秒倒计时
阅读量:6310 次
发布时间:2019-06-22

本文共 616 字,大约阅读时间需要 2 分钟。

方法一:jquery实现发送短信验证码后60秒倒计时

<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="js/jquery-3.2.1.min.js"></script>
  <title>666</title>
</head>
<body>
     <input type="button" id="btn" value="获取验证码"/>

     <script>

     $(function () {
         $('#btn').click(function () {
             var count = 60;
             var countdown = setInterval(CountDown, 1000);
             function CountDown() {
             $("#btn").attr("disabled", true);
             $("#btn").val("重新发送("+count +")");
             if (count == 0) {
                 $("#btn").val("获取验证码").removeAttr("disabled");
                 clearInterval(countdown);
             }
           count--;
         }
      })
   });
   </script>
</body>
</html>

转载于:https://www.cnblogs.com/520BigBear/p/7761951.html

你可能感兴趣的文章
读书笔记《乌合之众》
查看>>
Hadoop日记Day1---Hadoop介绍
查看>>
iOS 学习资料汇总
查看>>
centos7 yum安装jdk
查看>>
Bluedroid与BluZ,蓝牙测试方法的变动(基于bludroid和BlueZ的对比)
查看>>
接口和抽象类有什么区别
查看>>
Linux 下添加用户,修改权限
查看>>
请问view controller scene,该如何删除
查看>>
bootstrap新闻模块样式模板
查看>>
zzzzw_在线考试系统①准备篇
查看>>
App Store 审核被拒的23个理由
查看>>
剑指offer第二版-1.赋值运算符函数
查看>>
javascript 对象
查看>>
Android学习笔记——文件路径(/mnt/sdcard/...)、Uri(content://media/external/...)学习
查看>>
Echart:前端很好的数据图表展现工具+demo
查看>>
CATransform3D iOS动画特效详解
查看>>
Linux VNC黑屏(转)
查看>>
Java反射简介
查看>>
react脚手架应用以及iview安装
查看>>
shell学习之用户管理和文件属性
查看>>