点击按钮出现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 setTimeout和setInterval 的区别
Dec 08 Javascript
JavaScript类库D
Oct 24 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
如何用JavaScript实现动态修改CSS样式表
May 20 Javascript
JS新包管理工具yarn和npm的对比与使用入门
Dec 09 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
微信小程序基于本地缓存实现点赞功能的方法
Dec 18 Javascript
JavaScript实现联动菜单特效
Jan 07 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
Vue组件间的通信pubsub-js实现步骤解析
Mar 11 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
用PHP+MySql编写聊天室
2006/10/09 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
PHP 计算至少是其他数字两倍的最大数的实现代码
2020/05/26 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
2011/10/08 Javascript
JS中eval函数的使用示例
2013/07/21 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
详解javascript表单的Ajax提交插件的使用
2016/12/29 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
2018/09/13 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
详解async/await 异步应用的常用场景
2019/05/13 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
和孩子一起学习python之变量命名规则
2018/05/27 Python
Random 在 Python 中的使用方法
2018/08/09 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
旅游管理专业生自荐信范文
2014/01/02 职场文书
安全宣传标语
2014/06/10 职场文书
2014年档案管理员工作总结
2014/12/01 职场文书
鸟的天堂导游词
2015/01/31 职场文书
关于幸福的感言
2015/08/03 职场文书
php引用传递
2021/04/01 PHP