js,jq发送短信倒计时

js:

<input type="button" id="btn" value="免费获取验证码" />

<script type="text/javascript">
var wait=60;
function time(o) {
        if (wait == 0) {
            o.removeAttribute("disabled");            
            o.value="免费获取验证码";
            wait = 60;
        } else { // www.jbxue.com
            o.setAttribute("disabled", true);
            o.value="重新发送(" + wait + ")";
            wait--;
            setTimeout(function() {
                time(o)
            },
            1000)
        }
    }
document.getElementById("btn").onclick=function(){time(this);}

</script>

jq:(js的那个在我的项目上不是很好用自己写了一个jq的)

var step = 59;
            $(‘#btn‘).val(‘重新发送60‘);
            var _res = setInterval(function()
            {   
                $("#btn").attr("disabled", true);//设置disabled属性
                $(‘#btn‘).val(‘重新发送‘+step);
                step-=1;
                if(step <= 0){
                $("#btn").removeAttr("disabled"); //移除disabled属性
                $(‘#btn‘).val(‘获取验证码‘);
                clearInterval(_res);//清除setInterval
                }
            },1000);

转自http://blog.csdn.net/yanfangphp/article/details/21469755

时间: 2024-10-14 22:57:34

js,jq发送短信倒计时的相关文章

js实现发送短信验证码后的倒计时功能(无视页面刷新)

[1].[代码] 这是页面上的发送验证码按钮 跳至 [1] [2] [3]<input id="second" type="button" value="免费获取验证码" />[2].[代码] js对cookie的操作 跳至 [1] [2] [3] //发送验证码时添加cookiefunction addCookie(name,value,expiresHours){ var cookieString=name+"=&quo

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="

js,JQ获取短信验证码倒计时

按钮 <a href="javasript:void(0);"onclick="settime(this);">获取手机验证码</a> 倒计时js <script> var countdown=60; function settime(obj) { if (countdown == 0) { obj.getAttributeNode('onclick').value ="settime(this);"; obj

js发送短信倒计时

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="utf-8"> <head

手机端网页拨打电话和发送短信技巧

1.设置<meta>标签 <meta name="format-detection" content="telephone=no">当该 HTML 页面在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接.在 iPhone 上默认值是:<meta name="format-detection" content="telephone=yes"/>如果你不希望手机自动将网页

Jquery手机发送短信之后,进入倒计时状态

在做手机网站开发的时候,难免发生意外.这时候,就是你展示人格魅力的时候啦! 下面是自己写的一个发送验证码给手机之后,进入的一个倒计时的效果 js代码,我可是连<script type="text/javascript">这种都贴出来啦! <script type="text/javascript"> var InterValObj; var count = 60; var curCount; function sendMessage() {

发送短信验证码 倒计时

1.页面样式:基于bootstrap 1 <div class="form-group"> 2 <label class="col-md-4 control-label">手机号码</label> 3 <div class="col-md-8"> 4 <div class="input-group m-b"> 5 <input class="form-

js 忘记密码发送短信记录cookie

<div class="forgetPwdBox" style="display:none"> <div class="forTit"> <p>忘记密码</p> <span id="closeBtn">x</span> </div> <div class="textPwd"> <div class=&quo

程序君带你畅聊发送短信验证码

现在不管是网站,还是app等互联网和移动互联网产品,绝大部分注册都是直接用手机号注册登录的,方式就是给手机发送短信验证码,然后把验证码填入,后台程序去匹配判断用户填入的验证码和发送的是否一致. 我最近做的好几个项目都用到了发送短信验证码的这个第三方接口,其实这个发送验证码的原理很简单,实现也很简单. 如下三个图,是我做的其中一个项目的相关效果截图: 我用的比较多的第三方短信接口是容联-云通讯的(http://www.yuntongxun.com/),它的API挺强大的,也挺稳定的,使用也不难,有