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);},1000);
}
}

调用方法,当按钮点击之后,在点击后方法里面调用

var bu = $(‘#btnGetVerifyCode‘);
time(bu);

这个是需要在jquery里面来操作的
js jquery 按钮点击后 60秒之后才能点击 60秒倒计时,布布扣,bubuko.com

时间: 2024-08-02 02:49:44

js jquery 按钮点击后 60秒之后才能点击 60秒倒计时的相关文章

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

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

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: <html> <body> <form method="get" action="" target="box"> <input id="buttonid" ty

js/jquery中实现图片轮播

一,jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮播 jq(左右切换)</title> <style type="text/css">   body,div,ul,li,a,

前端(js/jquery) 日期和时间戳的转换

一.JavaScript中获取当前时间的时间戳 方法一: var timestamp=Date.parse(new Date()); ====>结果是:1451441086000 注:这种方式精确到秒,毫秒位置上的用0代替了. 方法二: var timestamp=(new Date()).valueOf(); ====>结果是:1451441232779 注:这两种方法获取从 1970年1月1日午夜开始的毫秒数 方法三: javascript 中使用 new Date().getTime()

正在加载中-js/jQuery功能实现

前言 最近在springMVC中集成一个基于jsp报表工具,在集成之后的,由于报表运算量很大,SQL语句比较复杂,所以前台点击按钮触发以后,呆上几秒才有反应过来弹出报表框,所以想加入一个类似正在加载中的有好提示,使客户体验更好,不过没想象的那么容易,主要是产品采用的freemarker模版引擎,加载封装的dialog方法不能直接访问页面且不能直接向页面传参等等,不过问题都被我一一解决了,废话不多说,直接切入正题,主要看看这个小功能的简单实现吧. 引入如下HTML元素 <body> <di

一个基于html,css,js,JQuery的登录界面

github地址:https://github.com/BgirlStar/myTest_final 任务需求: 可进行部分改变,但颜色和风格要保持不变. 完成点:1.login按钮的隐藏与弹出 2.弹出框样式(三角,阴影,圆角) 3.输入框图片和默认字符 4.背景按钮渐变 5.js内置用户名密码,点击登录后弹出对话框 完成后图片: 加入jquery插件 实现了弹出框的隐藏与弹出,代码见js/index.js js/jquery.js 内置email和密码 代码见js/need.js 素材包见j

转:js,jQuery 排序的实现,网页标签排序的实现,标签排序

js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是 先把标签用jQuery读进对象数组 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改) 用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的 var arr_a=new Array(); var i=0; $(".type_list_txt > span:contains('T恤')").parent().children("a").each

js+jquery实现html5的后台缓存书签效果

<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT=&quo

paip.提升效率--数据绑定到table原理和流程Angular js jquery实现

paip.提升效率--数据绑定到table原理和流程Angular js  jquery实现 html #--keyword 1 #---原理和流程 1 #----jq实现的代码 1 #-----Angular 的实现 3 #--keyword jquery 遍历表格tr  td Angular 模板绑定 #---原理和流程 获得所有的行,第一的头行..排除,,,在的所有的删除. 遍历表格tr获得tds的所有的id数组. 根据id/id索引来获得绑定的数据源里面的数据字段..绑定到个td上..