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()
函数调用,并将其放在从我的帖子复制的事件中。我会做一个编辑,包括那个电话。现在看一下:)谢谢,但它在点击时什么都不做,也不再显示图片