当前位置:首页 > 程序心得 > 正文内容

JQ 获取验证码倒计时方法

admin10年前 (2016-07-20)程序心得1865
html:
	<a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default"  id="show-notification">发送验证码</a>

script:
 // 设定倒数秒数
	var timenum = 60;
	// 显示倒数秒数
	function showTime() {
		timenum = timenum - 1;
		if (timenum > 0) {
			$("#show-notification").html(timenum + "s");
			$("#show-notification").attr("onclick", "");
			$("#show-notification").css({
				"cursor" : "default",
				"text-decoration" : "none",
				"color" : "blue"
			});
			// 每秒执行一次,showTime()
			setv = setTimeout("showTime()", 1000);
		} else if (timenum == 0) {
			$("#show-notification").html("获取验证码");
			$("#show-notification").attr("onclick", "sendCode()");
			$("#show-notification").css({
				"cursor" : "pointer",
				"text-decoration" : "none",
				"color" : "#9e9e9e"
			});
			timenum = 60;
		}
	}

blob.png

分享到:

扫描二维码推送至手机访问。

版权声明:本文由云河空间发布,如需转载请注明出处。

本文链接:https://www.yuyunhe.cn/index.php/post/165.html

分享给朋友:

“JQ 获取验证码倒计时方法” 的相关文章

SVN Skipped 'xxx' -- Node remains in conflict 错误的解决办法

svn提交发现错误#cd /home/svn/app/# svn upUpdating '.':Skipped 'xxx' -- Node remains in conflictAt revision 1054.Summary of conflicts: ...

MySQL获得当前日期时间\时间戳函数

MySQL获得当前日期时间\时间戳函数 1.1 获得当前日期+时间(date + time)函数:now()mysql> select now();+———————+| now() |+———————+| 2008-08-08 22:20:46 |+———————+除了 now()...

多行文字溢出[...]的实现(text-overflow: ellipsis)

多行文字溢出[...]的实现(text-overflow: ellipsis)

对于单行文字, 很简单. Css代码  .oneLine {      width: 200px;      overflow:&...

移动wap端做社会化分享组件(支持调用原生应用)

移动wap端做社会化分享组件(支持调用原生应用)

模板使用代码:(本源码已Tp模板中使用案例)<!-- sosh分享 --> <link rel="stylesheet" href="__PUBLIC__/libs/sosh/msosh.min.css&quo...

php上传文件,通过curl上传到远程服务器 (解决php5.5 以上环境提交文件报错问题)

 /**      * 上传图片api      *       */    &n...

Android客户端与PHP服务端RES公钥私钥互加解密

本来并非全部原创,可以归纳为原理整理,所以如果看到不是原创的也不要见怪,回正题。运行环境:服务端:CentOS 5.6 i386PHP:5.3.3OpenSSL: OpenSSL 0.9.8e-fips-rhel5 01 Jul 2008客户端:Android Studio Beta 0....

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。