zoukankan      html  css  js  c++  java
  • js实现60秒倒计时效果(使用了jQuery)

            今天碰到要实现一个类似那种短信验证码60秒倒计时的需求,好久不写js,有点手生。把代码记录下,方便后续查阅。
    这里我用了jQuey,毕竟写起来简洁点。下面直接看效果和代码。

    一、效果

                                        
                                         

    二、代码

    (1)html

    <input type="button" id="btn" value="免费获取验证码" onclick="daojishi(10,this)" />  
            注意:要引入JQuery

    (2)js
    <script type="text/javascript"> 
    	function daojishi(seconds,obj){
    		if (seconds > 1){
    				seconds--;
    				$(obj).val(seconds+"秒后可重新获取 ").attr("disabled", true);//禁用按钮
    				// 定时1秒调用一次
    				setTimeout(function(){
    					daojishi(seconds,obj);
    				},1000);
    			}else{
    				$(obj).val("免费获取验证码").attr("disabled", false);//启用按钮
    			}
    	}
    </script> 

  • 相关阅读:
    KVM切换声音关闭
    tmux 快捷键
    arp绑定网关MAC地址错误
    javascript的字符串模板
    cheerio, dom操作模块
    footable动态载入数据
    node-js访问rest api的方法
    重装eclipse要做的事
    爬虫(三):对requests、xpath模块
    Java-基础篇(类和对象)
  • 原文地址:https://www.cnblogs.com/zeng1994/p/7397643.html
Copyright © 2011-2022 走看看