点击按钮出现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 相关文章推荐
用jscript实现新建和保存一个word文档
Jun 15 Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
QQ空间顶部折页撕开效果示例代码
Jun 15 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
通过JS深度判断两个对象字段相同
Jun 14 Javascript
vue实现评价星星功能
Jun 30 Javascript
何时/使用 Vue3 render 函数的教程详解
Jul 25 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 zend 相对路径问题
2009/01/12 PHP
PHP 数组遍历顺序理解
2009/09/09 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
PHP + plupload.js实现多图上传并显示进度条加删除实例代码
2017/03/06 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
JavaScript中getUTCSeconds()方法的使用详解
2015/06/11 Javascript
javascript实现控制的多级下拉菜单
2015/07/05 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
2016/06/21 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
基于jquery实现多级菜单效果
2017/07/25 jQuery
layui 实现加载动画以及非真实加载进度的方法
2019/09/23 Javascript
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
python中datetime模块中strftime/strptime函数的使用
2018/07/03 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
eclipse创建python项目步骤详解
2019/05/10 Python
Django 静态文件配置过程详解
2019/07/23 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
英国领先的豪华时尚家居网上商店:Amara
2019/08/12 全球购物
新郎新娘婚礼答谢词
2014/01/11 职场文书
综合实践活动总结
2014/05/05 职场文书
单位租房协议书范本
2014/12/04 职场文书
班主任经验交流材料
2014/12/16 职场文书
学生会主席任命书
2015/09/21 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
如何判断pytorch是否支持GPU加速
2021/06/01 Python
详解jQuery的核心函数和事件处理
2022/02/18 jQuery