特定时间后隐藏按钮

时间:2017-03-04 23:35:09

标签: javascript php

我想在用户提交表单后隐藏按钮。我已经将用户提交表单的时间存储在数据库表中。我想要的是在用户点击它后2秒禁用该按钮。

我使用php来计算时差和javascript来隐藏代码。

我不确定这是否正确,但php代码会在用户提交表单时增加2秒,并从当前时间减去。

这是我的代码

$a = $row_rsGH['time'];
$b = round(microtime(true));
$c = '2000';//--code in milliseconds
$d = ($a+$c)-$b;

<script type="text/javascript">  
setTimeout(function() {
    $('#ghdiv').fadeOut('fast');
}, <?php echo $d; ?>); // <-- time in milliseconds
</script>

我的目标是我想要隐藏提交按钮,点击它后2秒,当我刷新时,它将不会显示

3 个答案:

答案 0 :(得分:1)

您不需要那么多的复杂性。使用js完成所有操作:

&#13;
&#13;
document.getElementById("ghdiv").addEventListener("click",function(){
        setTimeout(function(){
        $('#ghdiv').fadeOut('fast');
    },2000);
});
&#13;
button{
    color: white;
    background-color: red;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="ghdiv">My Button</button>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

试试这段代码:

当您在2秒后单击按钮时,如果其id = ghdiv

,该按钮将隐藏
    document.getElementById("ghdiv").addEventListener("click",function(){
//you can put here any code to procced after the button clicked
        setInterval(function(){
        $('#ghdiv').fadeOut('fast');
        },20000);
});

答案 2 :(得分:0)

为什么不使用2页。 1个,没有提交按钮。其他与提交。因此,如果您单击提交,则无按钮重定向到页面。

<a href=NextTARGET.php>

或在5秒后使用重定向到文件target.php

<meta http-equiv='refresh' content='5; url=TARGET.php'>