点击按钮出现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 相关文章推荐
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
Prototype 学习 Prototype对象
Jul 12 Javascript
jQuery实现锚点scoll效果实例分析
Mar 10 Javascript
javascript中数组和字符串的方法对比
Jul 20 Javascript
全面解析Angular中$Apply()及$Digest()的区别
Aug 04 Javascript
JS实现最简单的冒泡排序算法
Feb 15 Javascript
js时间查询插件使用详解
Apr 07 Javascript
jquery 键盘事件的使用方法详解
Sep 13 jQuery
解决vue项目使用font-awesome,build后路径的问题
Sep 01 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 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
zend framework配置操作数据库实例分析
2012/12/06 PHP
Drupal简体中文语言包安装教程
2014/09/27 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
Jquery插件写法笔记整理
2012/09/06 Javascript
jquery $(this).attr $(this).val方法使用介绍
2013/10/08 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
jsPDF生成pdf后在网页展示实例
2014/01/16 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
AngularJS初始化过程分析(引导程序)
2014/12/06 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
2015/09/25 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
微信小程序 如何引入外部字体库iconfont的图标
2018/01/31 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
jquery 遍历hash操作示例【基于ajax交互】
2019/10/12 jQuery
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
使用django实现一个代码发布系统
2019/07/18 Python
python中format函数如何使用
2020/06/22 Python
python如何快速拼接字符串
2020/10/28 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
荣耀商城:HIHONOR
2020/11/03 全球购物
五一促销活动总结
2014/07/01 职场文书
交通事故死亡赔偿协议书
2014/12/03 职场文书
营业员岗位职责
2015/02/11 职场文书
小学校本教研总结
2015/08/13 职场文书
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
Win11运行cmd提示“请求的操作需要提升”的两种解决方法
2022/07/07 数码科技