Question

如何制作此代码;

 <input onclick="myFunction();" alt="click">Click Me!</button>

隐藏几秒钟，然后在'x'秒后重新出现？（如果更改了任何内容，此按钮可正常工作）

我想坚持使用裸HTML，但如果我需要Javascript就可以了。 SO上没有其他解决方案适合我。感谢。

编辑：

<link rel="stylesheet" type="text/css" href="formalign.css">
      <script type="text/javascript" src="trinit5.js"></script>
      <button class="button" id="btn" input onclick="doSingle();" alt="Summon">Summon</button>
      <img id="canvas"></img>
      <div class="element"></div>

我在哪里嵌入这个部分？

Answer 1

输入标签（它是独立标签）和按钮标签（它是配对标签），如果你想要一个按钮，你可以尝试两件事：

1-将按钮分配给类型属性

<input type="button" id="btn" onclick="myFunction()" value="Click Me">

2 - 使用按钮标签，它也具有类型属性，但默认按钮被分配给类型属性

<button id="btn" onclick="myFunction()">Click Me!</button>

这里的js我写了一个函数 JS：

<script>
    function myFunction()
    {
      document.getElementById('btn').style.display ='none'; //first hide the button
      setTimeout(function(){ //using setTimeout function
      document.getElementById('btn').style.display ='inline'; //displaying the button again after 3000ms or 3 seconds
    }
    ,3000); 
    }
</script>

注意： setTimeout（）方法在指定的毫秒数后调用函数或计算表达式。提示：1000毫秒= 1秒。提示：该功能仅执行一次

Answer 2

我担心裸露的HTML不会这样做。你需要一个计时器。这样的事可能吗？

<button id="btn" onclick="tempInvisible(this);">Click</button>
            
    <script>
    function tempInvisible(btn) {
    
        btn.style.display = 'none';
    
        setTimeout(function() { 
            btn.style.display = 'block';
        }, 10000);
    
    }    
        
    </script>

Answer 3

你好我的朋友，

使用JavaScript中的setTimeout可以非常轻松地完成此操作。我在下面创建了一个代码片段，您可以将其用作示例。您可以更改setTimeout中逗号（1000）之后的数字，以反映按钮消失的千分之一秒数。

干杯，祝你好运！

document.getElementById("button").onclick = function(){
  doSingle();
  document.getElementById("button").style.visibility = "hidden"
  setTimeout(function(){
    document.getElementById("button").style.visibility = "visible"
  }, 1000)
};
function doSingle() {
   // your function
};

<button class="button" id="button" alt="Summon">Summon</button>

如何使按钮消失并在'x'秒后重新出现？

3 个答案: