javascript - 在Javascript/jQuery中自动执行HTML

我目前正在html网页上准备一个很酷的视频演示。最后，我希望能够单击视频并进入页面-但是，我只希望链接在特定时间生效。

我已经进行了一些研究，但对此一无所获。

举例来说，假设我要在某事上建立链接...

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

如何使<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>');
}

HTML

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