0

嗨，我有以下代码：

<html dir="ltr" lang="en">

<head>

<meta charset="utf-8" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
</script>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(document).ready(function()
{
    $('#yourSubmitId').click(function()
    {
        /*$(this).attr('disabled',true);*/
        $(this).prop('disabled',true);
        $(this).css({display:'none'});

        /* your submit stuff here */

        return false;
    });

    /*refreshing the page bringas back the submit button*/
    window.location.reload();
});
//--><!]]>
</script>

</head>
<body>

<h2>Test disabling submit button for 1 minute...</h2>

<br/>


<form id="yourFormId" name="yourFormId" method="post" action="#">
<input type="image" id="yourSubmitId" name="yourSubmitId" src="C:\images 
\submitButton_grey.jpg" alt="Submit" />
</form>
</body>
</html>

目前提交按钮在被按下后会被禁用和隐藏。

如何刷新页面以便在提交按钮被按下后 1 分钟后才恢复提交按钮..

谢谢，

4

1 回答 1

8

如果按钮无论如何都将被隐藏，则实际上不需要禁用按钮，display:'none'如果您只是取消隐藏按钮，则不需要刷新页面。所以你可以这样做：

$(this).hide(1).delay(60000).show(1);

如果您将持续时间传递给.hide()and .show()（即使是像 1 毫秒这样的短持续时间），那么隐藏和显示效果将添加到动画队列中，因此您可以在它们之间使用该.delay()方法。

对于更通用的延迟执行，请使用setTimeout()函数。

于 2013-06-13T13:00:10.117 回答