jquery倒计时，ASP.NET页面倒计时，注册按钮倒计时

2024-04-28 17:31•杂谈•阅读 503

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>10之后注册</title>
<script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var leftSeconds = 10;//倒计时时间10秒
var intervalId;
$(function () {
$("#btn_reg").attr("disabled", true);//设置按钮不可用
intervalId = setInterval("CountDown()",1000);//调用倒计时的方法
});
function CountDown() {//倒计时方法
if (leftSeconds <= 0) {
$("#btn_reg").val("注册"); //当时间<=0的时候改变按钮的value
$("#btn_reg").attr("disabled",false);//如果时间<=0的时候按钮可用
clearInterval(intervalId); //取消由 setInterval() 设置的 timeout
return;
}
leftSeconds--;
$("#btn_reg").val("请仔细阅读"+leftSeconds+"秒");
}
</script>
</head>
<body>
<textarea cols="20" rows="8">10秒之后注册按钮才可以使用</textarea>
<input type="button" value="注册" />
</body>
</html>