Onclick按钮超时javascript_Javascript

Onclick按钮超时javascript

javascript

Onclick按钮超时javascript,javascript,Javascript,有人能帮我开始使用按钮超时功能吗。我所需要的只是一个按钮（单击时），它会在2秒钟内处于非活动状态。之后它将再次激活。 <input type="button" value="click" id="click" onclick="foo(this);"/> function foo(obj) { obj.disabled = true; setTimeout(function() { obj.disabled = false; }, 200

有人能帮我开始使用按钮超时功能吗。我所需要的只是一个按钮（单击时），它会在2秒钟内处于非活动状态。之后它将再次激活。


<input type="button" value="click" id="click" onclick="foo(this);"/>

function foo(obj) {
    obj.disabled = true;
    setTimeout(function() {
        obj.disabled = false;
    }, 2000);
}

函数foo（obj）{
obj.disabled=true；
setTimeout（函数（）{
obj.disabled=false；
}, 2000);
}

window.setTimeout

打开：

在指定延迟后执行代码段或函数

首先是：

<button>Click me!</button>

完成了。我希望这个解释是有帮助的

对于那些反对内联事件处理程序的人：

这是一个例子

这个OP是初学者

内联事件就足够了

函数

setTimeout

允许您指定在经过毫秒后调用的函数。在本例中，我传入了一个匿名函数，即一个没有名称的函数，其唯一目的是在2秒钟后重新启用我的按钮

var mybutton = document.getElementById("mybutton");
mybutton.onclick = function() {
    mybutton.disabled = true;
    setTimeout(function() {
        mybutton.disabled = false;
    }, 2000);
};

您可以在javascript中使用setTimeout（）函数。差不多

<html>
<head></head>
<body>

<input id="test" type="submit" value = "clickme" onclick="deactivatefunc()">
<script type="text/javascript">

 function deactivatefunc()
 {
    var btn = document.getElementById("test");
    btn.disabled = true;
    var mytimer = setTimeout(activate,2000);
 }

function  activate () {
    var btn = document.getElementById("test");
    btn.disabled = false;
}
</script>
</body> 

</html>


函数deactivatefunc（）
{
var btn=document.getElementById（“测试”）；
btn.disabled=true；
var mytimer=setTimeout（激活，2000）；
}
功能激活（）{
var btn=document.getElementById（“测试”）；
btn.disabled=false；
}

熟悉window.setTimeout（funcName，毫秒），在这里您可以调用functon，它在2000ms后启用按钮。虽然他是初学者，但您不必编写内联脚本…：）我正要对内联事件处理程序的使用发表评论。如果我错了，请纠正我，因为

disabled

是一个属性而不是一个属性，所以您可以（也应该）使用

true

和

false

作为值。@Xeon06。这是HTML5的新规范，如果我没有错，你是对的。谢谢大家的反馈，这对我扩展js知识非常有帮助。

var mybutton = document.getElementById("mybutton");
mybutton.onclick = function() {
    mybutton.disabled = true;
    setTimeout(function() {
        mybutton.disabled = false;
    }, 2000);
};

<html>
<head></head>
<body>

<input id="test" type="submit" value = "clickme" onclick="deactivatefunc()">
<script type="text/javascript">

 function deactivatefunc()
 {
    var btn = document.getElementById("test");
    btn.disabled = true;
    var mytimer = setTimeout(activate,2000);
 }

function  activate () {
    var btn = document.getElementById("test");
    btn.disabled = false;
}
</script>
</body> 

</html>