jquery实现按钮十秒钟之后才可以点击,这是网站跳转首页常用方式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script>
var leftSeconds=10;
var intervalid;
$(function(){
$("#btnReg").attr("disabled",true);//开始让他不可按
intervalid=setInterval("CountDown()",1000);
});
function CountDown(){
if(leftSeconds==0){
$("#btnReg").attr("disabled",false);
clearInterval(intervalid);
return;
}
leftSeconds--;
$("#btnReg").val("请仔细阅读"+leftSeconds+"秒");
}
</script>
</head>
<body>
<input type="button" id="btnReg" value="同意" />
</body>
</html>
这个代码的实现就是开始让其disabled",true,这就使得按钮不可以点击,之后设置自动运行CountDown,每一秒运行一次,方法内部if判断是否==0,如果不是不运行,然后下面--,也就是说1秒减1,直到10秒之后编程0之后就运行if中的内容disabled",false,设置为可见,然后清楚自动运行,在if语句的后面有一个return,这个很关键,之所以要写一个这个是因为,如果不写if运行完毕之后,它又要--,就减到了-1,然后显示请仔细阅读-1秒,所以if运行完就不要在运行了