您好,欢迎来到榕意旅游网。
搜索
您的当前位置:首页如何使用JS倒计时恢复按钮点击功能

如何使用JS倒计时恢复按钮点击功能

来源:榕意旅游网

这次给大家带来如何使用JS倒计时恢复按钮点击功能,使用JS倒计时恢复按钮点击功能的注意事项有哪些,下面就是实战案例,一起来看一下。

倒计时时间到后,恢复按钮点击,常用于阅读协议:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>阅读协议倒计时</title>
 <script>
 var tim=9;
 function aaa(){
 var btnn=document.getElementById("btn");
 if(tim<=0)
 {
 btnn.value="注册";
 btnn.disabled="";
 }
 else
 {
 btnn.value="请仔细阅读,还剩" +tim+"秒";
 tim--;
 }
 }
 setInterval("aaa()",1000);
 </script>
 </head>
 <body>
 <textarea style="width: 500px;height: 300px;">
 </textarea>
 <input type="button" id="btn" value="请仔细阅读,还剩10秒" disabled="disabled" />
 </body>
</html>

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

怎样使用Vue实现倒计时按钮

怎样利用Vue写一个双向数据绑定

Copyright © 2019- nryq.cn 版权所有

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务