点击按钮出现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 相关文章推荐
js工具方法弹出蒙版
May 08 Javascript
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
Sep 14 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
JS实现移动端触屏拖拽功能
Jul 31 Javascript
微信小程序wepy框架笔记小结
Aug 08 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
Aug 10 Javascript
Vue使用localStorage存储数据的方法
May 27 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
Jan 08 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
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
destoon文章模块调用企业会员资料的方法
2014/08/22 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
php超快高效率统计大文件行数
2015/07/05 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
JS实现随机数生成算法示例代码
2013/08/08 Javascript
js的onload事件及初始化按钮事件示例代码
2013/09/25 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
使用JSON作为函数的参数的优缺点
2016/10/27 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
Vue.js中数据绑定的语法教程
2017/06/02 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
Javascript中将变量转换为字符串的三种方法
2017/09/19 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
Python CSV模块使用实例
2015/04/09 Python
Python单元测试框架unittest简明使用实例
2015/04/13 Python
Python中Django框架利用url来控制登录的方法
2015/07/25 Python
python 循环while和for in简单实例
2016/08/16 Python
关于python写入文件自动换行的问题
2018/06/23 Python
Python3中的bytes和str类型详解
2019/05/02 Python
Django中的模型类设计及展示示例详解
2020/05/29 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
《胡杨》教学反思
2014/02/16 职场文书
小学班主任培训方案
2014/06/04 职场文书
2014年庆祝国庆65周年演讲稿
2014/09/21 职场文书
教师个人考察材料
2014/12/16 职场文书
工会工作个人总结
2015/03/03 职场文书
信仰观后感
2015/06/03 职场文书
《春酒》教学反思
2016/02/22 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书