0

私は現在、HTMLWebページでクールなビデオプレゼンテーションを準備しています。最後に、ビデオをクリックしてページに移動できるようにしたいのですが、リンクが有効になるのは特定の時間だけにしたいのです。

私はいくつかの調査を行いましたが、これについては何も見つかりません。

例として、私が何かにリンクを作りたいとしましょう...

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

<a>jQueryまたはJavaScriptでタグが15秒間機能しないようにするにはどうすればよいですか？（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 に答える