点击按钮出现60秒倒计时js代码

最新推荐文章于 2024-02-03 11:02:39 发布
最新推荐文章于 2024-02-03 11:02:39 发布
阅读量2.8k 收藏
点赞数

<!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>无标题文档</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
</head> 


<body> 
<input type="button" id="btn" value="免费获取验证码" οnclick="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>

caixiajia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
点击按钮出现60秒倒计时的简单js代码(推荐)
10-22
下面小编就为大家带来一篇点击按钮出现60秒倒计时的简单js代码(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
60秒倒计时按钮
Mitusky的博客
07-06 2196
本篇文章一下用jQuery和JavaScript写一个60秒倒计时按钮。 这个实例适用于发送短信验证码和邮箱验证。下面直接看代码： 一、jQuery： HTML代码： 获取验证码 jQuery代码： $("#getPhoneCode").on("click",function(){ var time = 60; timedown(time); //倒计时 function
点击按钮出现60秒倒计时，JS（按钮）
weixin_30364325的博客
01-08 350
1 <script type="text/javascript"> 2 var countdown=60; 3 function settime(val) { 4 var e = $('#email').val(); 5 //对电子邮件的验证 6 var m...
js实现获取验证码，60秒倒计时功能
最新发布
百变鹏仔工作室
02-03 489
当点击获取验证码按钮时，我们禁用该按钮以防止重复点击，并开始倒计时。在倒计时过程中，可以根据实际情况发送验证码请求。倒计时结束：当倒计时达到 0 秒时，执行相应的操作，例如显示错误信息或重新发送验证码。在上述示例中，我们首先获取了获取验证码按钮和倒计时显示元素，并设置了倒计时变量。初始化倒计时：在倒计时开始前，将倒计时器变量设置为 60 秒。函数来更新倒计时的显示，并在倒计时结束时启用获取验证码按钮。显示倒计时：使用 DOM 操作将倒计时的秒数显示在页面上。函数来实现倒计时功能。
通过JavaScript脚本实现60秒倒计时
RichardLau_Cx的博客
07-18 6709
通过JavaScript脚本实现60秒倒计时。
js倒计时60秒
qq_40295815的博客
05-08 1432
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现倒计时60秒</title> <script src...
js实现60秒倒计时
CaseyWei
11-20 1395
1.dom元素 <div class="box"> <h2>剩余时间：<span class="clock">60</span>秒</h2> </div> <button>点击</button> 2.js 代码 var timeClock; function sendCode() ...
js代码实现点击按钮出现60秒倒计时
10-23
主要介绍了js代码实现点击按钮出现60秒倒计时,需要的朋友可以参考下
JS点击按钮自动倒计时特效代码
03-20
JS点击按钮自动倒计时代码，示例一：要求用户阅读完条款内容才能激活按钮；示例二：要求用户激活短信通道向用户手机发送验证码。
javaScript实现倒计时功能
热门推荐
qq_65715980的博客
07-08 1万+
目录一、主要思路二、css样式三、html代码四、js内容五、完整代码展示六、效果展示1.通过内置时间函数实例化日期对象获取当前时间 new Date。2.因为时间无法减去时间，有可能生成负数，所以采用时间戳的方法得到毫秒数形式的剩余时间，然后再把剩余时间转换为天、时、分、秒格式。3.最后把所获得的内容赋值给定义的变量。主要为了内容在页面展示美观，稍微美化一下。 三、html代码 定义一个默认格式为JavaScript引入定义变量。 四、js内容 1.首先获取html里面的spans里的全部标签
Js中关于按钮倒计时显示（setTimeout 和 setInterval）
yicunyangguang的博客
02-24 4281
目标：实现一个按钮点击，同时按钮禁用并显示倒计时的js功能函数。 分析：首先要有一个按钮，绑定一个事件，这个事件功能就是定时改变按钮显示值，同时禁止按钮进行二次点击。 此功能函数需要使用js周期调用函数 setTimeout 或则setInterval，来定时改变显示值。 setTimeout 和 setInterval的区别是什么，又该如何选择呢？其实 setTimeout 和 setInterval 的最本质的区别是 触发 setTimeout 方法只执行一次，而触发 setInterval 方.
60秒倒计时的一个小JAVASCRIPT
12-12
60秒倒计时的一个小JAVASCRIPT
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
10-18
主要介绍了JS实现的倒计时恢复按钮点击功能,可用于协议阅读倒计时,涉及javascript基于setInterval的时间定时触发相关操作技巧,需要的朋友可以参考下
Javascript 60s倒计时代码
杰姆小生的博客
03-08 1404
Javascript 60s倒计时代码
js基础之60s倒计时
weixin_30458043的博客
07-12 116
验证登陆60s倒计时效果 ++我们在日常生活中验证一下登陆状态，会常常遇到60s倒计时这个情况！++ 下边给大家看一下怎么做的 ！ 首先：在body里边书写一个input元素（无css样式==）== <body> <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> <...
HTML实现发送短信倒计时
没什么不得了的
05-06 945
题目描述 1、点击按钮后，开始倒计时 2、同时按钮内部的内容会发生变化 3、当倒计时为0时，停止定时器，且恢复初始状态 问题分析 // 1、点击按钮后，按钮会被禁用，即disabled为true // 2、同时按钮内部的内容会发生变化，注意button的内容只能用innerHTML修改 // 3、秒数不断变化 // 4、定义一个变量在定时器里面，不断递减 // 5、当变量为0时，停止定时器，且恢复初始状态 <!DOCTYPE html> <html
js写出倒计时60秒代码
09-13
上面的代码将会在每秒钟输出当前倒计时的秒数，倒计时将会从60秒开始，当倒计时到达0秒时停止。 ### 回答2： JavaScript代码如下： ```javascript // 倒计时时间（单位：秒） let countdown = 60; // 定时器对象...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值