点击按钮出现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 遍历对象的属性的代码
Dec 29 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
微信小程序实现tab页面切换功能
Jul 13 Javascript
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 Javascript
vue实现移动端项目多行文本溢出省略
Jul 29 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
纯JavaScript代码实现移动设备绘图解锁
2015/10/16 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
原生JS实现图片轮播切换效果
2016/12/15 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
Python实现测试磁盘性能的方法
2015/03/12 Python
python根据出生日期返回年龄的方法
2015/03/26 Python
python去除所有html标签的方法
2015/05/05 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
Python实现手写一个类似django的web框架示例
2018/07/20 Python
使用python绘制二元函数图像的实例
2019/02/12 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
详解HTML5将footer置于页面最底部的方法(CSS+JS)
2018/10/11 HTML / CSS
经济信息管理专业大学生求职信
2013/09/27 职场文书
物流仓管员岗位职责
2013/12/04 职场文书
社区安全检查制度
2014/02/03 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
质量保证书格式
2015/02/27 职场文书
2015年乡镇卫生院工作总结
2015/04/22 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL