Javascript 如何在网页上复制文本内容30秒后显示DIV？

我有一个

div

标签，我想在复制网页内容30秒后显示它。下面是代码

要复制的内容：

复制此内容

复制30秒后显示的Div标签：

内容已被复制

---

一个很好的解决方案将不胜感激。

一点帮助：

setTimeout（myFunction，30000）；
函数myFunction（）{
var dsp=document.getElementById（'dsply'）；
dsp.style.display='block'；
}

#dsply{
显示：无；}

复制此内容
内容已经被复制了一点来拯救：


setTimeout（myFunction，30000）；
函数myFunction（）{
var dsp=document.getElementById（'dsply'）；
dsp.style.display='block'；
}
#dsply{
显示：无；}
复制此内容
内容已被复制
您可以使用事件和设置超时：


复制此内容
正在等待CMD控制台的语法初始化
内容已被复制
你现在可以继续了
const copy=document.querySelector（'div.copy'）；
const consoleMsg=document.querySelector（'div#hdsply'）；
const display=document.querySelector（'div#dsply'）；
const displayProgress=document.querySelector（'div#dsply1'）；
display.style.display='none'；
displayProgress.style.display='none'；
copy.addEventListener（'copy'，event=>{
设置超时（（）=>{
display.style.display='block'；
displayProgress.style.display='block'；
consoleMsg.style.display='none'；
}, 30000);
event.preventDefault（）；
});
您可以使用事件和设置超时：


复制此内容
正在等待CMD控制台的语法初始化
内容已被复制
你现在可以继续了
const copy=document.querySelector（'div.copy'）；
const consoleMsg=document.querySelector（'div#hdsply'）；
const display=document.querySelector（'div#dsply'）；
const displayProgress=document.querySelector（'div#dsply1'）；
display.style.display='none'；
displayProgress.style.display='none'；
copy.addEventListener（'copy'，event=>{
设置超时（（）=>{
display.style.display='block'；
displayProgress.style.display='block'；
consoleMsg.style.display='none'；
}, 30000);
event.preventDefault（）；
});
不准确，一旦页面运行，代码将启动时钟，如果您在30秒后复制，它将立即显示。感谢您的方法，但我有一个工作代码来显示隐藏内容，它已经在网页上运行，没有复制活动，但我通常需要一个仅在网络上完成复制活动后运行30秒的显示范围页我不希望隐藏的内容在没有按照网页中的指示进行复制活动的情况下显示。我的意思是：on_copy on web page setTimeout（myFunction，30000）；函数myFunction（）{var dsp=document.getElementById（'dsply'）；dsp.style.display='block'；}不准确，一旦页面运行，代码将启动时钟，如果您在30秒后复制，它将立即显示。感谢您的方法，但我有一个工作代码来显示隐藏内容，它已经在网页上运行，没有复制活动，但我通常需要一个仅在网络上完成复制活动后运行30秒的显示范围页我不希望隐藏的内容在没有按照网页中的指示进行复制活动的情况下显示。我的意思是：on_copy on web page setTimeout（myFunction，30000）；函数myFunction（）{var dsp=document.getElementById（'dsply'）；dsp.style.display='block'；}我刚刚尝试了您的代码，但它的作用是在加载时放置隐藏的内容，而不是隐藏它，并等待复制事件发生，然后在30秒后显示。下面是我的js文件的副本，它提供了隐藏功能，也许它可以帮助我更好地使用它。提前感谢$（function（）{$（'#dsply'）.hide（）；setTimeout（function（）{$（'#dsply'）.fadeIn（'slow'）；}，30000）；}）；为了更好地解释，请查看下面的代码：On Copy:document.write Show div Copy:JS Function:$（Function（）{$（'#dsply'）.hide（）；setTimeout（Function（）{$（'#dsply'）.fadeIn（'slow'）；}，30000）；}）；是的，我试过了，在按顺序剪切代码后，它工作了。非常感谢你，我真的很感激，但是我怎样才能让这影响到不止一个div ID呢？比方说，我还有两个div：内容已经被复制，你现在可以继续了。我已经更新了答案，隐藏了提到的新div。非常感谢。成功了。我有更多的问题请回答。我有div标记：从CMD控制台等待语法初始化，由：$（function（）{setTimeout（function（）{$（“#hdsply”）.fadeOut（1500）；}，30000）}控制此控件可控制div标记在#dsply和dsply1出现30秒后自动消失。我刚刚尝试了您的代码，但其目的是在加载时显示隐藏内容，而不是隐藏内容并等待复制事件发生，然后在30秒后显示。下面是我的js文件的副本，它提供了隐藏功能，也许它可以帮助我更好地使用它。提前感谢$（function（）{$（'#dsply'）.hide（）；setTimeout（function（）{$（'#dsply'）.fadeIn（'slow'）；}，30000）；}）；为了更好地解释，请查看下面的代码：On Copy:document.write Show div Copy:JS Function:$（Function（）{$（'#dsply'）.hide（）；setTimeout（Function（）{$（'#dsply'）.fadeIn（'slow'）；}，30000）；}）；是的，我试过了，在按顺序剪切代码后，它工作了。非常感谢，我真的很感激，但是我如何才能使这影响到多个div ID呢？比方说，我还有两个div：内容已被复制，您现在可以继续了。我已更新了答案以隐藏新的div
<div class="copy">Copy This Conent</div>

<div id="dsply">The Content Has Been Copied</div>