完成特定持续时间后隐藏按钮答案

【问题标题】：Hide button on completion of certain time duration完成特定持续时间后隐藏按钮
【发布时间】：2019-01-29 12:58:07
【问题描述】：

我想在访问该网页 2 分钟后隐藏一个 submit 按钮。我的代码如下。

<body> 在 header.php 中，在项目的所有页面中都被调用，

 <body  onload="JavaScript:document.body.focus(); initSubmit();" onkeydown="return showKeyCode(event)">

我将form.php 中的函数initSubmit() 编码为，

    <script type="text/javascript">

        function initSubmit()
        {
            document.forms[0].elements['hideit'].style.visibility = 'visible';
            setTimeout( "document.forms[0].elements['hideit'].style.visibility = 'hidden'", 120000 );
        }

</script> 

    <button type="submit" value="submit" class="btn btn-success wrp_submit_togle" id="hideit"><i class="glyphicon glyphicon-floppy-disk" ></i> Submit</button>

这不会使按钮隐藏。我能知道我哪里出错了吗？

【问题讨论】：

你的控制台浏览器有错误吗？
我只需使用 javascript 添加一个按钮，然后在完成后告诉它再次删除该按钮
您是否尝试将脚本标签放在按钮标签下方？
@Inazo 控制台说 initSubmit() 未定义。
@Vermicello 什么结论！！！砰的一声。工作如此迅速。但是我可以知道这背后的逻辑吗？

标签： javascript php html button

【解决方案1】：

在window.load上调用函数initSubmit

function initSubmit() {
  document.forms[0].elements['hideit'].style.visibility = 'visible';
  setTimeout("document.forms[0].elements['hideit'].style.visibility = 'hidden'", 5000);
}


window.load = initSubmit()

<form>
  <button type="submit" value="submit" class="btn btn-success wrp_submit_togle" id="hideit">
  <i class="glyphicon glyphicon-floppy-disk" ></i> Submit</button>
</form>

【讨论】：

谢谢。但这似乎也行不通。我已经完成了` `

【解决方案2】：

代码中的第一个缺陷是使用 document.forms[0] 访问元素。通过只允许页面上的每个 ID 中的一个，getElementById 每次都可以准确地检索它，而无需关心在此期间文档会发生什么。

如果需要多次使用元素，则仅一次获取元素并通过将其作为变量分配来使用它总是很经济的。为了快速结果，我减少了按钮可见的时间。

按如下方式致电initSubmitwindow.load；

function initSubmit() {
        var s = document.getElementById( 'hideit' );
                s.style.visibility = 'hidden';
                setTimeout( "document.getElementById( 'hideit' ).style.visibility = 'visible'", 5000 );
	}
    window.load = initSubmit()

<form>
  <button type="submit" value="submit" class="btn btn-success wrp_submit_togle" id="hideit">
  <i class="glyphicon glyphicon-floppy-disk" ></i> Submit</button>
</form>

【讨论】：