在Javascript/jQuery中自動生成html

我目前正準備在我的html網頁上製作一個很酷的視頻演示文稿。最後，我希望能夠點擊視頻並進入一個頁面 - 但我只希望鏈接在某個時間生效。在Javascript/jQuery中自動生成html

我已經做了一些研究，但是我找不到任何關於這方面的信息。

舉個例子，讓我們說，我想拍的東西的鏈接...

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

我怎樣才能讓這個<a>標籤不15秒使用jQuery或JavaScript工作？（JavaScript首選，但它並不重要！）。記住 - 我不希望整行代碼突然出現 - 在鏈接工作之前，應該只是文本！

謝謝！

來源

2012-07-04 Adam McArthur

15秒後，在頁面加載，或其他一些事件15秒後已發生，如用戶啓動視頻，然後15秒後鏈接變爲活動？ –

頁面加載後15秒，是的。無法檢測視頻播放時間是不是？ –

我相信這取決於視頻播放器。沒有內置HTML5播放器的經驗，如果這引發了任何事件，但是我相信當視頻停止播放時，像[Flowplayer]（http://flowplayer.org/）和類似的火災事件。在這種情況下，您可以監聽該事件，並在事件發生時顯示鏈接。 –

這裏延遲設置爲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-04 07:37:32 Trogvar

感謝您爲我放置html！很好的答案非常感謝:) –

歡迎:)不要忘了接受解決方案，如果你喜歡它 – Trogvar

對不起，花了這麼長的時間來接受 - 我的互聯網有趣的一段時間。我知道這有點遠離問題，但是您是否知道我會如何讓該鏈接再次離開？（例如 - 'SendBackToTimeout（convertTextToLink，forever）;''謝謝！ –

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-04 07:38:36 Chris

很好的答案，謝謝 –

在Javascript/jQuery中自動生成html

回答

相關問題