当前位置:  编程技术>jquery

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

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。 本文用Javascript实现点击按钮后,倒计时60秒...

本节内容:
Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。

比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。

本文用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能。

例子:
 

代码示例:


var wait=60;
function time(o) {
        if (wait == 0) {
            o.removeAttribute("disabled");           
            o.value="免费获取验证码";
            wait = 60;
        } else { // www.
            o.setAttribute("disabled", true);
            o.value="重新发送(" + wait + ")";
            wait--;
            setTimeout(function() {
                time(o)
            },
            1000)
        }
    }
document.getElementById("btn").onclick=function(){time(this);}

效果很酷吧,有时间的朋友,保存以上代码,自行测试下效果吧。

>>> 您可能感兴趣的文章:
jquery 倒计时效果实现秒杀的思路与代码
Jquery实现团购倒计时的代码


    
 
 

您可能感兴趣的文章:

  • jQuery点击按钮后用禁用按钮并显示[正在处理...]的实现代码
  • 在java applet中如何关闭IE窗口呢?比如说在上面放个按钮,点击按钮就可以把IE窗口关闭掉。如何实现呢?
  • 请告知winamp中:系统如何知道鼠标点击的部位为播放按钮(消息机制)?
  • jsp中如何捕捉用户点击停止按钮
  • jquery 点击按钮弹出层 点击空白处隐藏层的实现代码
  • 如何实现点击一个按钮,在文本框中显示?
  • JSP for循环中判断点击的是哪个按钮
  • 问一个CSDN发送留言点击浏览器后退按钮出现的问题!
  • Repeater中添加按钮实现点击按钮获取某一行数据的方法
  • 我用asp.net做一个聊天室,要求在一个帧里点击按钮,立即刷新另外一帧,怎么做?
  • C#键盘输入回车键实现点击按钮效果的方法
  • JQuery实现动态表格点击按钮表格增加一行
  • 在 tab widget中,点击add按钮新增数据后,如何将反选光标定位在该选项上?????
  • jsp 如何实现 IE文件菜单中‘另存为’的功能。简单的说就是在网页中加个按钮,点击之后可以把本页的页面另存为txt/html文件。在线等待,
  • Jquery 点击按钮自动高亮实现原理及代码
  • (很急)谢谢!我想问一下调用一个对话框的命令语句,比方说我已建立了一个Applet2,接下来该如何在Applet中能点击一个按钮来打开这个Apple
  • 我写的程序有点问题,谁能帮我看看?(点击applet按钮,弹出一个窗口)
  • 我在JSP页面中调用一段显示打印对话框的Java程序,可是点击“打印”按钮后什么都不显示,请大伙帮忙指点一下!
  • 如何判断点击了哪个按钮?
  • C#实现点击按钮退出应用程序实例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 如何实现点击JDialog右上方的X时,出现YESNO选择对话框,当点击YES时关闭JDialog,点击NO时不关闭
  • jQuery如何实现点击页面获得当前点击元素的id或其他信息
  • 关于session(我停了一会儿没动网页,再在点击网页链接时,session丢失,然后点击IE的刷新,session又有了)这是怎么回事。
  • 对用户点击某个链接进行计数,如何实现?
  • 为什么QPushButton需要点击两次才响应?
  • 点击一链接。。。。。。
  • 如何响应JTREE中的节点点击事件??
  • 在QT中怎样能够让窗体关闭当鼠标在窗体外点击
  • jquery实现点击消失的代码
  • 使用JS或jQuery模拟鼠标点击a标签事件代码
  • 点击表单提交时出现jQuery没有权限的解决方法
  • Jquery点击高亮显示的实现代码
  • jQuery回车键绑定点击事件示例
  • 如何确定点击的是BACKSPACE键
  • 点击IE的后退,怎么样来刷新页面!
  • 如何在applet上响应鼠标的点击
  • 如何让批处理文件执行完毕后窗口不关闭,批处理文件直接点击执行
  • 鼠标能动 但点击没反应!
  • wish窗口命令不能点击!
  • linux下如何用模拟鼠标的移动和点击事件


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3