jq实现发送短信验证码

摘要:
前端工作经常涉及短信验证功能,所以我自己也写了一个,路过的伙伴可以在点击状态后看到状态,而无需点击vartimer=“”;varnums=60;varvalidCode=true;//此变量被定义为处理后续重复的单击事件$。在…上

前端的工作经常会涉及到短信验证的功能(注册或获取当前手机号信息),于是自己也写了一个,路过的小伙伴可以看一下

未点击状态

jq实现发送短信验证码第1张

点击之后的状态

 jq实现发送短信验证码第2张

var timer="";
var nums=60;
var validCode=true;//定义该变量是为了处理后面的重复点击事件
$("#getCode").on('click',function(){
            console.log("111");
            var code=$(this);
            if(validCode){
                validCode=false;
                timer=setInterval(function(){
                    if(nums>0){
                        nums--;
                        code.text(nums+"秒后重新发送");
                        code.addClass("gray-bg");
                    }
                    else{
                        clearInterval(timer);
                        nums=60;//重置回去
                        validCode=true;
                        code.removeClass("gray-bg");
                        code.text("发送验证码");
            }
                },1000)
            }
            

        })

免责声明:文章转载自《jq实现发送短信验证码》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇出现 "System.Data.OracleClient 需要 Oracle 客户端软件 8.1.7 或更高版本" 错误的解决办法关于接入新浪微博第三方登录下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【使用 DOM】使用事件

1. 使用简单事件处理器 可以用几种不同的方式处理事件。最直接的方式是用事件属性创建一个简单事件处理器(simple event handler)。元素为它们支持的每一种事件都定义了一个事件属性。举个例子,onmouseover事件属性对应全局事件mouseover,后者会在用户把光标移动到元素占据的浏览器屏幕的上方时触发。(这是一种通用的模式:大多数事件...

Python实现人脸检测(个人、多人、视频)

我们先逐步进行学习。我将人脸检测的学习步骤分为如下几个方面。(1—4是一些小步骤。5—7是具体实现的案例)关于代码的相关意义我已经在程序中写上了备注(已经尽可能详细了!!) 1、加载图片: 源程序代码如下: """ __author__="dazhi" 2021/3/20-15:00 """ #导入模块 import cv2 ascv #读...

halcon算子

halcon的算子列表 Chapter 1 :Classification 1.1 Gaussian-Mixture-Models 1.add_sample_class_gmm 功能:把一个训练样本添加到一个高斯混合模型的训练数据上。 2.classify_class_gmm 功能:通过一个高斯混合模型来计算一个特征向量的类。 3. clear_all_...

Android进入一个新页面,EditText失去焦点并禁止弹出键盘

android在进入一个新页面后,edittext会自动获取焦点并弹出软键盘,这样并不符合用户操作习惯。 在其父控件下,添加如下的属性,就可以完美解决,使其进入页面后不主动获取焦点,并且不弹出软键盘: android:focusable="true"   android:focusableInTouchMode="true" 代码如下: 1 <S...

matplotlib显示黑白灰度图像颜色设置

对于黑白灰度图像(矩阵) 1. 默认使用伪彩色拉升 2 cmap参数为 binary,可能导致颜色反转 3. cmap = gray,same color as origin, that is, white means 255 and black means 0...