点击按钮出现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 相关文章推荐
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
jQuery实现DIV层收缩展开的方法
Feb 27 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
js实现复制功能(多种方法集合)
Jan 06 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
玩转Koa之koa-router原理解析
Dec 29 Javascript
layui表格数据复选框回显设置方法
Sep 13 Javascript
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
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
PHP面向对象程序设计实例分析
2016/01/26 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
js 编程笔记 无名函数
2011/06/28 Javascript
Ajax异步提交表单数据的说明及方法实例
2013/06/22 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
不使用jquery实现js打字效果示例分享
2014/01/19 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
javascript中数组方法汇总
2015/07/07 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
Angularjs整合微信UI(weui)
2016/03/15 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
2019/12/10 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
[02:08]我的刀塔不可能这么可爱 胡晓桃_1
2014/06/20 DOTA
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python strip()函数 介绍
2013/05/24 Python
Python base64编码解码实例
2015/06/21 Python
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
python 工具 字符串转numpy浮点数组的实现
2020/03/14 Python
CSS3动画:5种预载动画效果实例
2017/04/05 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
瑞士国际航空官网:SWISS
2016/07/21 全球购物
ZWILLING双立人英国网上商店:德国刀具锅具厨具品牌
2018/05/15 全球购物
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
大三学生入党思想汇报
2014/01/02 职场文书
高校教师思想汇报
2014/01/11 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
医德医风个人总结
2015/02/28 职场文书