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

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;
// 选中第一个按钮，并设置按钮的属性是disabled
document.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 +")";
	}
}