点击按钮出现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简单实现了tree树菜单
Nov 20 Javascript
javascript贪吃蛇完整版(源码)
Dec 09 Javascript
js点击选择文本的方法
Feb 09 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
Mar 29 Javascript
JS动态修改网页body的背景色实例代码
Oct 07 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
Aug 19 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 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中的(伪)多线程与多进程
2013/07/01 PHP
使用PHP实现蜘蛛访问日志统计
2013/07/05 PHP
学习php过程中的一些注意点的总结
2013/10/25 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
js异或加解密效果代码
2008/06/25 Javascript
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
利用Angularjs和bootstrap实现购物车功能
2016/08/31 Javascript
Vue axios 中提交表单数据(含上传文件)
2017/07/06 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
[01:24]2014DOTA2 TI第二日 YYF表示这届谁赢都有可能
2014/07/11 DOTA
wxPython 入门教程
2008/10/07 Python
详解Python中DOM方法的动态性
2015/04/11 Python
Python中操作文件之write()方法的使用教程
2015/05/25 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
python实现猜拳游戏项目
2020/11/30 Python
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
毕业生的自我评价范文
2013/12/31 职场文书
大学生职业生涯规划书参考模板
2014/03/05 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
学生逃课检讨书1000字
2014/10/20 职场文书
财务负责人岗位职责
2015/02/03 职场文书
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫
python画条形图的具体代码
2022/04/20 Python
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers