js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证码

 1 <input type="button" id="btn" value="免费获取验证码" />
 2 <script type="text/javascript">
 3 var wait=60;
 4 function time(o) {
 5 if (wait == 0) {
 6 o.removeAttribute("disabled");
 7 o.value="免费获取验证码";
 8 wait = 60;
 9 } else {
10 o.setAttribute("disabled", true);
11 o.value="重新发送(" + wait + ")";
12 wait--;
13 setTimeout(function() {
14 time(o)
15 },
16 1000)
17 }
18 }
19 document.getElementById("btn").onclick=function(){time(this);}
20 </script>
时间: 2024-10-21 16:45:20

js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证码的相关文章

jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title></title&

点击按钮 倒计时60秒方可再次点击发送的Js代码

本节内容:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果. 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果. 本文用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能. 例子: 复制代码代码示例: <input type="button" id="btn" value="免费获取验证码" /><script type="

点击按钮之后等待60秒

HTML:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <script src="js/jquery-2.2.2.min.js"></script> <script type="text/javascript"> var countdown = 60; function settime(obj) { if

Windows倒计时60秒关机程序【6个下载】

在网上搜了很久都没找到合适使用的倒计时关机程序,要求有友好的提示界面,还可取消关机操作.干脆就自动动手做,一不留神就做了6个,喜欢的拿去.建议跟本人设计的<Windows定时任务>配合使用,效果更佳. 倒计时60秒关机1  点击这里下载 倒计时60秒关机2  点击这里下载 倒计时60秒关机3  点击这里下载 倒计时60秒关机4  点击这里下载 倒计时60秒关机5  点击这里下载 倒计时60秒关机6  点击这里下载

jquery实现&lt;body&gt;中点击按钮后,在&lt;tbody&gt;中显示一连串文本框

HTML中的代码如下: 1 <div style="background:#fff;border-style:solid; border-width:1px 1px 0 1px;border-color:#B8D0D6;"> 2 <div > 3 <div style="margin:-6px 0 0 0"> 4 <button class="button gray" type="button&

jquery实现点击按钮弹出层和点击空白处隐藏层

昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题 if($('.autoBtn').length){                $('.autoBtn').find('.assess').unbind().bind('click',function(event){                    //取消事件冒泡                      event.stopPropagation(); if($('.abtnBox').is

点击按钮后实现页面跳转

<button onclick="location.href='http://www.baidu.com';">点我跳转</button> 点击按钮后实现页面跳转,码迷,mamicode.com

053点击按钮后改变按钮的文字

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 3 @interface ViewController : UIViewController 4 @property (strong, nonatomic) UIButton *btnState; 5 6 @end ViewController.m 1 #import "ViewController.h" 2 3 @interface ViewController () 4

js实现倒计时60秒的简单代码(推荐)

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现倒计时60秒的简单代码(推荐)</title> <script type="text/javascript"