点击按钮出现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关于select的相关操作说明
Jan 13 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
Aug 06 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
解决LayUI表单获取不到data的问题
Aug 20 Javascript
使用react render props实现倒计时的示例代码
Dec 06 Javascript
vue项目打包上传github并制作预览链接(pages)
Apr 19 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
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开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
图像替换新技术 状态域方法
2010/01/28 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
微信小程序之仿微信漂流瓶实例
2016/12/09 Javascript
JavaScript面向对象精要(下部)
2017/09/12 Javascript
ES6中数组array新增方法实例总结
2017/11/07 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
创建Vue项目以及引入Iview的方法示例
2018/12/03 Javascript
微信小程序 image组件遇到的问题
2019/05/28 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
Python使用psutil获取进程信息的例子
2019/12/17 Python
django在保存图像的同时压缩图像示例代码详解
2020/02/11 Python
python爬虫实例之获取动漫截图
2020/05/31 Python
PyTorch-GPU加速实例
2020/06/23 Python
python 利用zmail库发送邮件
2020/09/11 Python
python中append函数用法讲解
2020/12/11 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
使用canvas来完成线性渐变和径向渐变的功能的方法示例
2019/07/25 HTML / CSS
蔻驰意大利官网:COACH意大利
2019/01/16 全球购物
幼儿园园长自我鉴定
2013/10/22 职场文书
外语学院毕业生的自我鉴定
2013/11/28 职场文书
机关干部作风建设剖析材料
2014/10/23 职场文书
荒岛余生观后感
2015/06/09 职场文书
给校长的建议书作文300字
2015/09/14 职场文书
python如何在word中存储本地图片
2021/04/07 Python
Python词云的正确实现方法实例
2021/05/08 Python
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript