<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<p style="text-align:center;margin-top:30px;position:relative;line-height:25px">
<input type="checkbox" id="excep_checkbox" name="excep">
<label id="excep_label" for="excep" style="cursor:pointer;">我已经阅读并同意免责条款</label>
<span id="hints" style="position:absolute;left:600px;top:0;color:red"></span>
</p><br />
<input style="display:block;margin:0 auto;height: 30px;80px;
font:15px Verdana,'Microsoft YaHei',Helvetica,Arial,Sans-Serif;" id="bt_agree"
type="button" value="点击继续"><br/>
</div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
var timeID=window.setInterval(shua,1000);
window.onload=timeID;
var t;
t=5;
var checkbox= document.getElementById("excep_checkbox");
function shua()
{
t=t-1;
document.getElementById("hints").innerHTML="剩余 "+t+" 秒";
if (t==0)
{
window.clearInterval(timeID);
checkbox.disabled = false;
$('#excep_label').css("color","#000");
$('#hints').css("display","none");
}
}
$(document).ready(function() {
$('#register').addClass('selli');
checkbox.disabled = true;
$('#excep_label').css("color","#999");
var btagree = document.getElementById("bt_agree");
btagree.disabled = true;
$('#excep_checkbox').click(function() {
if (this.checked) {
btagree.disabled = false;
} else {
btagree.disabled = true;
}
})
$('#bt_agree').click(function() {
window.location.href = "http://www.baidu.com";
})
});
</script>
</html>