点击按钮出现60秒倒计时的简单js代码(推荐)


Posted in Javascript onJune 07, 2016

点击按钮出现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-Type" content="text/html; charset=utf-8" /> 
<title>点击按钮出现60秒倒计时的简单js代码(推荐)</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
</head> 

<body> 
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
<script type="text/javascript"> 
var countdown=60; 
function settime(val) { 
if (countdown == 0) { 
val.removeAttribute("disabled");  
val.value="免费获取验证码"; 
countdown = 60; 
} else { 
val.setAttribute("disabled", true); 
val.value="重新发送(" + countdown + ")"; 
countdown--; 
} 
setTimeout(function() { 
settime(val) 
},1000) 
} 
</script> 
</body> 
</html>

以上这篇点击按钮出现60秒倒计时的简单js代码(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 实用的文字链提示框效果
Jun 30 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
Jul 27 Javascript
javascript绘制漂亮的心型线效果完整实例
Feb 02 Javascript
关于ES6的六个小特性(二)
Feb 20 Javascript
node.js 抓取代理ip实例代码
Apr 30 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
Sep 13 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
Apr 24 Javascript
jquery.pager.js实现分页效果
Jul 29 jQuery
javascript显示倒计时控制按钮的简单实现
Jun 07 #Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 #Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 #Javascript
javascript实现抽奖程序的简单实例
Jun 07 #Javascript
浅谈javascript中new操作符的原理
Jun 07 #Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
Jun 07 #Javascript
jQuery原理系列-常用Dom操作详解
Jun 07 #Javascript
You might like
小偷PHP+Html+缓存
2006/12/20 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
php简单实现数组分页的方法
2016/04/30 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
读jQuery之三(构建选择器)
2011/06/11 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
jQuery大于号(&gt;)选择器的作用解释
2015/01/13 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
2018/04/07 Javascript
关于Angularjs中跨域设置白名单问题
2018/04/17 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
vant时间控件使用方法详解
2020/12/24 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Python3.5运算符操作实例详解
2019/04/25 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
Python 使用office365邮箱的示例
2020/10/29 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
什么是servlet
2012/05/08 面试题
工作自我评价分享
2013/12/01 职场文书
大学生职业生涯规划书参考模板
2014/03/05 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
2014年创卫工作总结
2014/11/24 职场文书
技术负责人岗位职责
2015/02/10 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers
详解JAVA中的OPTIONAL
2021/06/14 Java/Android