注冊時,控制協議點同意按鈕的時間

本文介绍了一种使用JavaScript实现的网页按钮计时解锁功能。该功能通过设置按钮初始为不可点击状态,并随着时间推移逐步减少等待时间直至按钮可用。此方法常用于防止用户误操作或频繁触发事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   <div style="text-align:center;line-height:36px;">
                      
<input name="agree" disabled="disabled" type="submit" id="agree" value="我同意" class="sbutton" />
                    
                        
<script type="text/javascript">
                        
var secs = 5;
                        
var wait = secs * 1000;
                        document.getElementById(
"agree").value = "同 意(" + secs + ")";
                        document.getElementById(
"agree").disabled = true;
                        
for(i = 1; i <= secs; i++{
                                window.setTimeout(
"update(" + i + ")", i * 1000);
                        }

                        window.setTimeout(
"timer()", wait);
                        
function update(num, value) {
                                
if(num == (wait/1000)) {
                                        document.getElementById(
"agree").value = "同 意";
                                }
 else {
                                        printnr 
= (wait / 1000- num;
                                        document.getElementById(
"agree").value = "同 意(" + printnr + ")";
                                }

                        }

                        
function timer() {
                                document.getElementById(
"agree").disabled = false;
                                document.getElementById(
"agree").value = "同 意";
                        }

                        
</script>
                
</div>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值