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

JQ 获取验证码倒计时方法

admin10年前 (2016-07-20)程序心得1850
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://yuyunhe.cn/index.php/post/165.html

分享给朋友:

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

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

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

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

RSA密钥的生成与配置(支付宝公私密钥可用)

RSA密钥的生成与配置(支付宝公私密钥可用)

RSA密钥的生成与配置openssl下载地址http://dldx.csdn.net/fd.php?i=20313208579480&s=ac2e809e168f7d5b8bf1515d3d6b1aa4,或者官方下载通过openssl工具生成RSA的公钥和私钥(opnssl工具可在互联网中下...

微信支付 总提示get_brand_wcpay_request:fail 也不跳转支付页面 的解决方案

微信支付 总提示get_brand_wcpay_request:fail 也不跳转支付页面 的解决方案

最近在做微信支付,帮客户部署好环境后,测试微信支付,发现点击支付后老是提示:get_brand_wcpay_request:fail,于是找到代码中调用微信支付的代码段:WeixinJSBridge.invoke('getBrandWCPayRequest', { &nb...

ios5的safari浏览器的电话号码识别功能的禁用

更详细的apple官方文档: https://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html在编写 HTML 时,有一个 meta...

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

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

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

发表评论

访客

看不清,换一张

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