文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>按钮初始化不可用,倒计时后可以点击

按钮初始化不可用,倒计时后可以点击

时间:2007-05-12  来源:Jedliu

【关键字】按钮初始化不可用 倒计时可用 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>

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载