用户阅读完条款内容才能激活按钮的倒计时功能

来源：互联网发布：火烈鸟化妆品知乎编辑：程序博客网时间：2024/06/08 06:38

html中的内容：

<p>示例一：要求用户阅读完条款内容才能激活按钮</p><form action="#" method="post" name="agree"><input type="submit" class="button" value="请认真查看<服务条款和声明> (30)" id="agree_btn" name="agreeb"></form>

js代码：

var secs = 30;// 选中第一个按钮，并设置按钮的属性是disableddocument.agree.agreeb.disabled=true;// 开始倒计时，更新for(var i=1;i<=secs;i++) {window.setTimeout("update(" + i + ")", i * 1000);}// 更新数字function update(num) {// 倒计时结束后if(num == secs) {// 按钮样式改为我同意，并且设置按钮为有效document.agree.agreeb.value =" 我 同 意 ";document.agree.agreeb.disabled=false;}else {// 计算倒计时还剩的时间，并显示出来var printnr = secs-num;document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +")";}}

0 0