JQuery 获取验证码倒计时

HTML代码:

<button id="btn">点击获取验证码</button>

Jquery:代码:

$(document).ready(function() {
    $(‘#btn‘).on(‘click‘,function(){

        var time = 10;
        setInterval(function (){
            time --;
            if(time>0){
                $(‘#btn‘).attr({‘disabled‘:‘disabled‘});
                $(‘#btn‘).html(‘重新获取(‘+time+‘)‘);
            }else{
                $(‘#btn‘).attr({‘disabled‘:false});
                $(‘#btn‘).html(‘点击进入‘);
                $(‘#btn‘).click(function(){
                    window.location.href="http://www.baidu.com/";
                })
            }
        },1000)
    })
});
时间: 2024-11-03 05:42:47

JQuery 获取验证码倒计时的相关文章

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

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

对安卓获取验证码倒计时60秒Button按钮的简单封装

鉴于经常在注册获取验证码时候需要一个倒计时按钮觉得很麻烦,抽点时间写了一个TimeButton 键鼠下特性, TimeButton使用的时候跟普通Button一样没有冲突, TimeButton在倒计时的时候返回了如果没有超过剩下的时间再次进入会继续跑时哦, TimeButton里面完成了按钮的点击显示和倒计时逻辑, TimeButton在activity销毁后也会销毁不会像线程一样还在后台跑, TimeButton的显示文字和倒计时都可以自行设置当然也有默认的, 原创地址 http://wri

iOS项目中获取验证码倒计时及闪烁问题解决方案

大家在做验证码的时候一般都会用到倒计时,基本上大家实现的方式都差不多,先贴出一些代码来.. -(void)startTime{ __block int timeout= 59; //倒计时时间 dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0); dispatch_source_t _timer = dispatch_source_create(DISPATCH_SOURCE

获取验证码倒计时

<!doctype html><html><head> <meta charset="utf-8"> <title>广告主注册</title> <link href="__CSS__/index.css" rel="stylesheet" /> <script src="__JS__/jquery-1.9.1.min.js"><

前端学习——ionic/AngularJs——获取验证码倒计时按钮

 按钮功能为:点击"获取验证码"--按钮不可用-设置倒计时-60秒后重新获取. 代码借鉴于:http://plnkr.co/edit/Swj82MpJSix3a47jZRHP?p=preview 主要实现原理:点击后,设置一个$interval,每一秒更改一次剩余时间,并依赖Angular数据绑定实时显示在页面中.设置一个$timeout,60秒后将按钮初始化到可用状态. 实现代码: (1)js代码,设置成一个directive以便多次调用. angular.module('winwi

jQuery获取验证码简单demo

[转自]  http://q.cnblogs.com/q/45695/ 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>获取验证码</title> 6 <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.mi

获取验证码倒计时优化 页面刷新实时倒计时

现在很多页面是需要获取验证码的,但是相信很多页面是没有做这样的优化的,比如下面这个场景: 现在访问一个注册页面,页面有一个填写手机号,获取验证码的按钮,点击获取验证码按钮之后,按钮变成灰色,然后是60倒计时效果.在60S内我无法再次点击获取验证码按钮.因为按钮是灰色的,不可点击状态. 但是,如果在倒计时任然进行时我刷新一下页面,一般的页面就会全部刷新,包括倒计时效果也没有了,按钮恢复到这最初可点击状态,这其实是不符合逻辑的.按正常逻辑是,页面任然倒计时,如果我刷新页面,倒计时任然存在,并且按钮不

js点击按钮获取验证码倒计时

//发送验证码倒计时 var clock = ''; var nums = 60; var btn; $("#btnGetVerCode").click(function () { var flag = true; var phoneNum = $("#txtPhoneNum").val(); if (phoneNum.length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(14[0-9

jquery:验证码倒计时

上周 有点忙 :所以现在把补齐了. 1.HTML <div class="center"> <div class="member-code">发送验证码</div></div> 2.css <style> color: white; background-color:  green; width: 100px; padding: 5px; text-align: center; </style>