js获取验证码 秒表效果(原创)

<script src="http://code.jquery.com/jquery-latest.js"></script>
<input type="button" onclick="setclock($(this),10);"  value="获取验证码">
<script>
function setclock(dom,value,text)
{
    value=arguments[1]||60;
    text=arguments[2]||"s后可重发验证码"; 

    dom.attr("disabled","disabled");
    if(!dom.attr("data-clock"))
    {
        dom.attr("data-dvalue",dom.val());
        value--;
        dom.attr("data-clock",value);
        dom.val(value+text);
    }else
    {
        var thisValue=parseInt(dom.attr("data-clock"))-1;
        dom.attr("data-clock",thisValue);
        dom.val(thisValue+text);
    }

    if(parseInt(dom.attr("data-clock"))>0)
    {
        setTimeout(function(){setclock(dom,value,text)},1000);
    }else
    {
        dom.removeAttr("disabled");
        dom.removeAttr("data-clock");
        dom.val(dom.attr("data-dvalue"));
    }
}
</script>

js获取验证码 秒表效果(原创)

时间: 2024-10-12 04:59:51

js获取验证码 秒表效果(原创)的相关文章

Andorid实现点击获取验证码倒计时效果

这篇文章主要介绍了Andorid实现点击获取验证码倒计时效果,这种效果大家经常遇到,想知道如何实现的,请阅读本文 我们在开发中经常用到倒计时的功能,比如发送验证码后,倒计时60s再进行验证码的获取,为了方便以后使用,这里做个记录,讲讲倒计时器的实现. 1.先进行倒计时工具类的封装 1 public class CountDownTimerUtils extends CountDownTimer { 2 private TextView mTextView; 3 4 /** 5 * @param

js实现验证码倒计时效果

<input type="button" id="btn" value="获取验证码" onclick="getrand(this);"/> 一.已上是点击获取验证码的点击区. 二.以下是js代码 var countdown = 60; function getrand(obj) { if(countdown == 60){ $.post("/Home/Index/randNum", funct

JS 获取验证码按钮改变案例

HTML代码 <div class="box"> <label for="">手机号</label> <input type="number"> <button>获取</button> </div> JS代码 1 var btn = document.querySelector('button') 2 var time = 10; 3 btn.addEventLi

如何用JavaScript实现获取验证码的效果

转自:http://www.php.cn/js-tutorial-411734.html HTML部分: 1 2 3 4 5 6 7 <body onload='createCode()'>         <div>验证码:              <input type = "text" id = "input"/>              <input type="button" id=&quo

Angular.js 使用获取验证码按钮实现-倒计时

获取验证码界面效果如图: 需要实现以下逻辑 按钮不可选 --输入电话号码,按钮可选 --点击获取,进入倒计时,按钮不可选 --倒计时结束,回到初识状态 核心代码: var cd = 60; var toDo = function() { cd--; $scope.countDown = "重新获取 " + cd; }; $interval(toDo, 1000, 60); 完整代码: html: <form name="form" class="fo

js/jq实现获取手机验证码倒计时效果

众所周知在前段的工作中注册信息或获取当前手机号信息等需求,我们基本上都要涉及到手机号验证码,在网络上搜索的案例杂乱无章,用的时候全是坑,真心不想用了,然后自己写了一个获取手机验证码的倒计时效果.有需求的伙伴们可以看看怎么实现的. 如何获取手机验证码? 小月不知道大家是利用什么平台去获取验证码的,但是告诉大家我是在哪个平台获取的. LeanCloud :https://leancloud.cn/ 文档:https://leancloud.cn/docs/sms_guide-js.html 在这个平

js实现60s倒计时效果用于获取短信验证码使用

有时候我们需要通过点击按钮向用户发送短信,需要一个计时效果. <button id="msg" type="button" style="width:120px; height:30px" >获取短信验证</button> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <

js实现免费获取手机验证码倒计时效果

<div class="input"> <input type="button" id="btn" class="btn_mfyzm" value="免费获取验证码" /> <script type="text/javascript"> var wait=5; document.getElementById("btn").disab

微信小程序【获取验证码】倒计时效果

最近开始接触微信小程序,会记录一些相关的小功能--例如这次是点击[获取验证码]按钮出现的倒计时效果. 原文: http://blog.csdn.net/Wu_shuxuan/article/details/78539075  感谢 .wxml <button class="buttonget" disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode"> {{ti