jquery实现按钮十秒钟之后才可以点击,这是网站跳转首页常用方式

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运行完就不要在运行了

每天分享,欢迎关注

相关推荐