点击按钮出现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 相关文章推荐
In Javascript Class, how to call the prototype method.(three method)
Jan 09 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
jQuery Tools tab(幻灯片)
Jul 14 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
javascript垃圾收集机制与内存泄漏详细解析
Nov 11 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
BootStrap表单控件之文本域textarea
May 23 Javascript
浅谈vuex 闲置状态重置方案
Jan 04 Javascript
node中使用shell脚本的方法步骤
Mar 23 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的autoLoad自动加载机制
2012/09/27 PHP
php用户注册页面利用js进行表单验证具体实例
2013/10/17 PHP
php中fsockopen用法实例
2015/01/05 PHP
PHP编程计算日期间隔天数的方法
2017/04/26 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
2015/03/27 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
JS按条件 serialize() 对应标签的使用方法
2017/07/24 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
[01:08]2014DOTA2展望TI 剑指西雅图LGD战队专访
2014/06/30 DOTA
Python选择排序、冒泡排序、合并排序代码实例
2015/04/10 Python
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
Python用UUID库生成唯一ID的方法示例
2016/12/15 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
python实现图片插入文字
2019/11/26 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
台湾森森购物网:U-mall
2017/10/16 全球购物
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
财务分析个人的自荐书范文
2013/11/24 职场文书
中学实习教师自我鉴定
2013/12/12 职场文书
学雷锋日活动总结
2015/02/06 职场文书
2015感人爱情寄语
2015/02/26 职场文书
全国助残日活动总结
2015/05/11 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
经典祝酒词大全
2015/08/12 职场文书
检讨书怎么写?
2019/06/21 职场文书
新西兰:最新留学学习计划书写作指南
2019/07/15 职场文书
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS