【关键字】按钮初始化不可用 倒计时可用 javascript setTimeout倒计时
【正文】在实际的使用中,有些按钮是需要默认设置为不可用的,等待一段时间后则设置按钮可用,才可以进行其他的操作。以下为一段测试代码。这里是使用一个测试按钮,点击后才开始倒计时,实际使用中可以将这个函数放到<body onload="enable_button()">或者其他需要触发这个事件的地方。
<script language="javascript">
var time=5;
var timeout=null;
function enable_button(){
var bt=document.getElementById("bt");
if(time>0){
bt.value="还剩余"+time+"秒";
bt.disabled="true";
time=time-1;
timeout=window.setTimeout(enable_button,1000);
}else{
bt.value="可以点击了";
bt.disabled="";
window.clearTimeout(timeout);
}
}
</script>
<input type=button value="开始" onclick="enable_button()">
<input type="button" id="bt" value="这个是测试按钮" onclick="alert('123')" disabled="true">
|
【程序运行抓图】500)this.width=500;" border=0>