jQuery基础应用：用jQuery过滤选择器实现在倒计时延时按钮。请大家帮我写一下，谢谢了。
完全不懂jQuery的使用，书上没有。老师叫自己回去自学完成作业。请大家帮我写一下逻辑实现语言，倒计时的时候按钮不能点击，等秒数完了过后按钮就可以点击了。jQuery-1...
完全不懂jQuery的使用，书上没有。老师叫自己回去自学完成作业。请大家帮我写一下逻辑实现语言，倒计时的时候按钮不能点击，等秒数完了过后按钮就可以点击了。
jQuery-1.8.3老师发给我们的js文件在云盘里面：http://pan.baidu.com/s/1pJAHTqz
界面我写好了，代码如下：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>jQuery倒计时延时按钮</title> <style> *{ margin: 0px; padding: 0px; } body{ font-family: "微软雅黑", Verdana, sans-serif, "宋体"; text-align: center; } .div1{ font-size: 25px; } #button{ width: 150px; font-size: 18px; color: green; } </style> <script src="jquery.js"></script> <script> $(document).ready(function(){ var otbn = $("#button")[0]; otbn.onclick=clickButton; }) function clickButton(){ window.alert("hello") } </script></head><body><div class="div1">jQuery倒计时延时按钮</div><br><div><input type="button" id="button" name="button" value="点击按钮(5)"></div></body></html>
没有直说用过滤选择器，好像还有基本选择器和层次选择器把.. 展开
jQuery-1.8.3老师发给我们的js文件在云盘里面：http://pan.baidu.com/s/1pJAHTqz
界面我写好了，代码如下：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>jQuery倒计时延时按钮</title> <style> *{ margin: 0px; padding: 0px; } body{ font-family: "微软雅黑", Verdana, sans-serif, "宋体"; text-align: center; } .div1{ font-size: 25px; } #button{ width: 150px; font-size: 18px; color: green; } </style> <script src="jquery.js"></script> <script> $(document).ready(function(){ var otbn = $("#button")[0]; otbn.onclick=clickButton; }) function clickButton(){ window.alert("hello") } </script></head><body><div class="div1">jQuery倒计时延时按钮</div><br><div><input type="button" id="button" name="button" value="点击按钮(5)"></div></body></html>
没有直说用过滤选择器，好像还有基本选择器和层次选择器把.. 展开
2个回答
展开全部
$(document).ready(function(){
var outSec = 5, timeId = setInterval(function(){
if(outSec == 0){
clearInterval(timeId);
$("#button").click(clickButton).val('点击按钮');
return;
}
$("#button").val('点击按钮('+outSec+')');
outSec -= 1;
},1000)
})
追问
恩~可以倒计时了，但是还有一个小功能。就是倒计时的时候，按钮是灰色的不能点击。谢谢了
追答
$(document).ready(function(){
$("#button").attr("disabled","disabled");
var outSec = 5, timeId = setInterval(function(){
if(outSec == 0){
clearInterval(timeId);
$("#button").attr("disabled",false);
$("#button").val('点击按钮');
$("#button").click(clickButton);
return;
}
$("#button").val('点击按钮('+outSec+')');
outSec -= 1;
},1000)
})
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
