在Javascript/jQuery中自动化html

我目前正在我的html网页上准备一个很酷的视频演示。在它的结尾，我希望能够点击视频并被带到一个页面-然而我只希望链接在某个特定的时间生效

我做了一些研究，但找不到任何关于这方面的信息

作为一个例子，让我们假设我想做一个链接的东西

<a href="#" id="automate">This link will go somewhere after 15 seconds</a>

如何使标签在jQuery或JavaScript中15秒内不起作用？（首选JavaScript，但这并不重要！）。记住-我不希望整行代码突然出现-在链接工作之前，应该是文本

---

谢谢

此处延迟设置为3秒（调用setTimeout时为3000毫秒）。将其更改为15000以使其保持15秒

$(document).ready(function() {
   setTimeout(convertTextToLink, 3000);
});

function convertTextToLink() {
    $('#thanks').html('<a href="http://example.com">Thanks for watching. You may now proceed.</a>');
}

$（文档）.ready（函数（）{
设置超时（convertTextToLink，3000）；
});
函数convertTextToLink（）{
$（'#谢谢'）.html（''）；
}

Html

你好 这是你的录像

谢谢收看

---

是在页面加载后15秒，还是在其他事件发生后15秒，如用户启动视频，然后15秒后链接变为活动状态？是的，是在页面加载后15秒。无法检测视频何时播放，不是吗？我相信这取决于视频播放器的性能。我没有内置HTML5播放器的经验，如果它触发了任何事件，但我相信当视频停止播放时，玩家会喜欢和类似的触发事件。在这种情况下，您可以侦听该事件，并在触发该事件时显示链接。感谢您为我将html放在那里！很好的回答，非常感谢：）欢迎：）如果你喜欢，别忘了接受这个解决方案。很抱歉，我花了这么长时间才接受这个解决方案——我的互联网好笑了一会儿。我知道这离问题有点远了，但是你知道我怎样才能让这个链接再次消失吗？（例如-

SendBackToTimeout（convertexttolink，forever）；

？谢谢！总而言之：它等待3秒，显示3秒，然后再永远隐藏它！！@AdamMcArthur您可以使用调用setTimeout（）延迟执行任何代码。因此，在您的情况下，如果您希望在显示链接三秒钟后完全删除链接：

$（document）.ready（函数（）{setTimeout（“convertTextToLink（）；setTimeout（deleteLinkForever，3000）；}）；函数convertTextToLink（）{$（'#谢谢'）.html（''）}函数deleteLinkForever（）{$（'#谢谢'）.html（''）}

如果您想定期显示/隐藏某些内容，当然还有更好的方法

<h1>Hello</h1>
<p>here are your vids</p>
<div id="thanks">Thanks for watching</div>

var waiting = true;

//set waiting to false after 15 seconds
setTimeOut(function() { waiting = false },15000); 

$('#automate').click(function(e) {
    if(waiting === true) {
       e.preventDefault(); //prevent the link from firing
    }
});