实例如下:
<!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> <script src="jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> var intervalobj; //timer变量,控制时间 var count = 30; //间隔函数,1秒执行 var curcount;//当前剩余秒数 function sendmessage() { curcount = count; //设置button效果,开始计时 $("#btnsendcode").attr("disabled", "true"); $("#btnsendcode").val(curcount + "秒后可重新发送"); intervalobj = window.setinterval(setremaintime, 1000); //启动计时器,1秒执行一次 //请求后台发送验证码 todo } //timer处理函数 function setremaintime() { if (curcount == 0) { window.clearinterval(intervalobj);//停止计时器 $("#btnsendcode").removeattr("disabled");//启用按钮 $("#btnsendcode").val("重新发送验证码"); } else { curcount--; $("#btnsendcode").val(curcount + "秒后可重新发送"); } } </script> </head> <body> <input id="btnsendcode" type="button" value="发送验证码" onclick="sendmessage()" /></p> </body> </html>
以上这篇单击按钮发送验证码,出现倒计时的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
Parallels Desktop v15.1.4-47270 商业版下载 Mac安装Windows首选虚拟机
关于LPC824Lite开发板下载程序时提示"Invalid ROM Table"
MySQL 5.7 关于 JSON 类型的子集Key/Value获取方法分享
javascript从入门到跑路-----小文的js学习笔记(19)------- js的垃圾回收机制
网友评论