Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使按钮在';x';秒?_Javascript_Html - Fatal编程技术网

Javascript 如何使按钮在';x';秒?

Javascript 如何使按钮在';x';秒?,javascript,html,Javascript,Html,我如何制作此代码 <input onclick="myFunction();" alt="click">Click Me!</button> 点击我! 隐藏几秒钟,然后在“x”秒后重新出现?(如果有任何变化,此按钮工作正常) 我想继续使用纯HTML,但如果我需要Javascript,那就好了。没有其他的解决方案,所以对我来说很有效。谢谢 编辑: <link rel="stylesheet" type="text/css" href="formalign.css

我如何制作此代码

 <input onclick="myFunction();" alt="click">Click Me!</button>
点击我!
隐藏几秒钟,然后在“x”秒后重新出现?(如果有任何变化,此按钮工作正常)

我想继续使用纯HTML,但如果我需要Javascript,那就好了。没有其他的解决方案,所以对我来说很有效。谢谢

编辑:

<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>

召唤

我应该在哪里嵌入该部件?

恐怕裸HTML无法做到这一点。你需要一个计时器。也许是这样的

点击
功能不可见(btn){
btn.style.display='none';
setTimeout(函数(){
btn.style.display='block';
}, 10000);
}    

你好,我的朋友

在JavaScript中使用setTimeout可以相当容易地完成这一点。我已经创建了一个代码片段,下面您可以使用它作为示例。您可以在setTimeout中更改逗号(
1000
)后的数字,以反映您希望按钮消失的时间为千分之一秒

干杯,祝你好运

document.getElementById(“按钮”).onclick=function(){
doSingle();
document.getElementById(“按钮”).style.visibility=“隐藏”
setTimeout(函数(){
document.getElementById(“按钮”).style.visibility=“可见”
}, 1000)
};
函数doSingle(){
//你的职能
};
召唤
输入标签(它是独立标签)和按钮标签(它是成对标签),如果您想要按钮,可以尝试两种方法:

1-将按钮指定给类型属性

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

2-使用按钮标签它也有类型属性,但默认情况下,按钮被分配给类型属性

<input type="button" id="btn" onclick="myFunction()" value="Click Me">
<button id="btn" onclick="myFunction()">Click Me!</button>
点击我!
在js中,我编写了一个函数 JS:


函数myFunction()
{
document.getElementById('btn').style.display='none';//首先隐藏按钮
setTimeout(函数(){//使用setTimeout函数
document.getElementById('btn').style.display='inline';//在3000毫秒或3秒后再次显示按钮
}
,3000); 
}
注: setTimeout()方法在指定的毫秒数后调用函数或计算表达式。 提示:1000毫秒=1秒。
提示:该函数只执行一次

您试图执行的操作是不可理解的,因为您已经启动了一个输入标记(它是独立标记)并结束了一个按钮标记(它是一个成对的标记),如果您想要一个按钮,则必须将输入标记中的type属性指定为button@Uzair因此,我只需将
class=“button”在中间还是?谢谢,B你们需要做的是在按钮上显示计时器标题而不是隐藏吗?@Daniel检查我的答案,如果你们不明白,请提问me@DanielGreen您引用的是一个名为“TrimIT5.js”的脚本,您可以添加它包含的内容吗?可以考虑改为2秒,而不是10秒,以使其更清楚。还可以将超时更改为一个名为numOfSecondsToWait的变量,以便用户更容易理解。什么不起作用?按钮没有消失吗?还是不回来?或者…?谢谢,但是我的按钮标签不起作用,我的是
call
你能发布JavaScript吗?你可以尝试从HTML中完全删除
doSingle()
函数调用,并将其放在从我的帖子复制的
事件中。我会做一个编辑,包括那个电话。现在看一下:)谢谢,但它在点击时什么都不做,也不再显示图片