点击按钮出现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 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
js判断数据类型如判断是否为数组是否为字符串等等
Jan 15 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
详解js创建对象的几种方法及继承
Apr 12 Javascript
原生js实现密码强度验证功能
Mar 18 Javascript
JS 创建对象的模式实例小结
Apr 28 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
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 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
Session保存到数据库的php类分享
2011/10/24 PHP
PHP的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
php程序总是提示验证码输入有误解决方案
2015/01/07 PHP
php使用Header函数,PHP_AUTH_PW和PHP_AUTH_USER做用户验证
2016/05/04 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
JavaScript事件委托用法分析
2015/01/24 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
JS仿JQuery选择器功能
2017/03/08 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
2018/12/11 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
python实现手机通讯录搜索功能
2018/02/22 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
python基于http下载视频或音频
2018/06/20 Python
Python实现的删除重复文件或图片功能示例【去重】
2019/04/23 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
Django REST Swagger实现指定api参数
2020/07/07 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
英国50岁以上人群的交友网站:Ourtime
2018/03/28 全球购物
linux下进程间通信的方式
2013/01/23 面试题
教师廉洁自律个人总结
2015/02/10 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
Python 把两层列表展开平铺成一层(5种实现方式)
2021/04/07 Python
详解Python中__new__方法的作用
2022/03/31 Python