主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
js实现n秒倒计时后才可以点击的效果
2015-12-21
网页编程网
网页编程网
在进行注册用户时经常遇到点击按钮后，60秒倒计时后才能继续可以点击，按钮上还能显示倒计时，这60秒时间就是为大家提供”细阅读协议“做准备的，此功能代码如下：
<!DOCTYPE html><html><head><meta charset="utf-8"><title>倒计时然后才可以点击效果代码</title> <script type="text/javascript"> var s=4; function countsub(){ var btnReg=document.getElementById("btnReg"); if(btnReg){ if(s<=0){ btnReg.value="同意"; btnReg.disabled=false; clearInterval(id); }else{ btnReg.value="请仔细阅读协议(还剩"+s+"秒)"; s--; } } } var id = setInterval('countsub()',1000) </script> </head> <body> <p>注册协议</p> <input id="btnReg" type="button" value="同意" disabled="true" /> </body></html>
阅读原文
阅读
4470
123
显示电脑版