点击按钮出现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 String对象扩展HTML编码和解码的方法
Jun 02 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
$.each与$().each的区别示例介绍
Mar 20 Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
最新Javascript程序员面试试题和解题方法
Nov 23 Javascript
vue.js中created方法作用
Mar 30 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
jQuery zTree插件使用简单教程
Aug 16 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中unlink()、mkdir()、rmdir()等方法的使用介绍
2012/12/21 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
Javascript UrlDecode函数代码
2010/01/09 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
详解基于angular路由的requireJs按需加载js
2017/01/20 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
2018/07/31 jQuery
js使用swiper实现层叠轮播效果实例代码
2018/12/12 Javascript
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
Python读取网页内容的方法
2015/07/30 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
python实现年会抽奖程序
2019/01/22 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
多个python文件调用logging模块报错误
2020/02/12 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
通知的格式范文
2015/04/27 职场文书
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers
JS实现九宫格拼图游戏
2022/06/28 Javascript