java按钮实现倒计时_JAVA语言之JQuery 解决按钮上的倒计时问题

本文主要向大家介绍了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频道！