本文主要向大家介绍了JAVA语言之JQuery 解决按钮上的倒计时问题,通过具体的内容向大家展示,希望对大家学习JAVA语言有所帮助。
Insert title here.btn {
width: 100px;
height: 50px;
background-color: lightgoldenrodyellow;
}
$(function() {
showNumber();
})
function showNumber(){
for(var i = 1; i <=5; i++) {
setTimeout("show("+i+")", i * 1000);//注意setTimeout方法中带参数的方法特殊处理,双引号不能包含变量
}
}
function show(i){
var x=6-i;
$("#btnCid").val("变化 "+x);// alert(x);
if(x==1){
setTimeout("showbtn()",1000); //注意 效果有1秒的延迟,所以这里要等上1秒
}
}
function showbtn(){
alert("可用");
$("#btnCid").removeProp("disabled");
}
$("#btnCid").click(function(){
disablebtn();
showNumber();
})
function disablebtn(){
$("#btnCid").prop("disabled","disabled");
}
Never waste time any more, Never old man be a yong man
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注编程语言JAVA频道!