您的位置:首页 > Web前端 > JQuery

Jquery实现倒计后可操作

2014-02-21 16:47 405 查看
<!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>无标题页</title>

<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>

<script type="text/javascript">

var time=9;

var intervalId;

$(function(){

intervalId=setInterval("init()",1000);

});

function init(){

time--;

if(time>=0){

$("#sub").attr("disabled",true);

$("#sub").val("倒计时"+time+"秒");

}

else{

$("#sub").attr("disabled",false);

$("#sub").val("确认提交");

clearInterval(intervalId);

}

}

</script>

</head>

<body>

<input type="text" value="请仔细阅读条款,点击确定提交信息!" />

<input type="button" value="确认提交" id="sub" disabled="disabled"/>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: