点击按钮之后等待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 (countdown == 0) {                obj.removeAttribute("disabled");                obj.value = "等待60秒";                countdown = 60;                return;            } else {                obj.setAttribute("disabled", true);                obj.value = "重新发送(" + countdown + ")";                countdown--;            }            setTimeout(function () {                settime(obj)            }, 1000)        }    </script></head>

<body><input type="button" id="btn" value="click me" onclick="settime(this)"/>

</body>

</html>result:
时间: 2024-10-25 04:47:49

点击按钮之后等待60秒的相关文章

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="免费获取

Jquery插件 防刷新倒计时 “点击获取验证码后60秒内禁止重新获取

Jquery插件实现"点击获取验证码后60秒内禁止重新获取(防刷新)" 效果图: 先到官网(http://plugins.jQuery.com/cookie/)下载cookie插件,放到相应文件夹,代码如下: 1 <style type="text/css"> 2 * {margin: 0; 3 padding: 0; 4 font-family: "Microsoft Yahei"; 5 } 6 .captcha-box { 7 w

Jquery插件实现“点击获取验证码后60秒内禁止重新获取(仿刷新)”

效果图: 先到官网(http://plugins.jquery.com/cookie/)下载cookie插件,放到相应文件夹,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title&

点击获取验证码后60秒内禁止重新获取(防刷新)

<script> $(function(){ /*防刷新:检测是否存在cookie*/ if($.cookie("captcha")){ var count = $.cookie("captcha"); var btn = $('#getting'); btn.val(count+'秒后可重新获取').attr('disabled',true).css('cursor','not-allowed'); var resend = setInterval(f

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

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

js jquery 按钮点击后 60秒之后才能点击 60秒倒计时

var wait = 60; function time(o) { if (wait == 0) { $(o).attr("disabled", false); $(o).val("获取验证码"); wait = 60; } else { $(o).attr("disabled", true); o.val(wait + "秒后重新发送"); wait--; setTimeout(function () {time(o);},

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

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

点击按钮出现60秒倒计时js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Chrome浏览器点击 input file上传按钮时延迟3-5秒的解决方法

1.  Google chrome 浏览器在52版本之后出现一个bug,就是点击 input file上传按钮时反应很慢,需要等待3-5秒种之后才能弹出选择文件的对话框.比如 windows里可能是这样: MAC里可能是这样: