0

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

我已经做了一些研究，但我找不到任何关于此的信息。

例如，假设我想在某事上建立链接......

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

我怎样才能使<a>标签在 15 秒内无法使用 jQuery 或 JavaScript 工作？（首选 JavaScript，但这并不重要！）。请记住 - 我不希望整行代码突然出现 - 在链接工作之前应该只是文本！

谢谢！

4

2 回答 2

1

这里延迟设置为 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>
于 2012-07-04T07:37:32.467 回答
1 
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
    }
});
于 2012-07-04T07:38:36.053 回答