如何SetTimeout回到第一個div？

我在一個頁面上有三個div，第一個div是一個html5視頻，第二個div包含按鈕，第三個是一個感謝頁面，它可以回到開頭，所以它就像一個photoslide。這是我的代碼和功能 - http://jsfiddle.net/EXfnN/14/如何SetTimeout回到第一個div？

我在第二個div上設置了3秒，所以如果在3秒內沒有點擊按鈕/標籤，它會自動進入第三個div。

我已經有了這個功能了三個問題：

我怎麼可以設置第二個div被點擊任何按鈕時返回到開頭/第一個div，而不是第三格？
每當您單擊第二個div /頁面上的按鈕時，電子郵件都會發送到相應的電子郵件地址。我的問題是，當三秒鐘內沒有按鈕被點擊並且發生自動滑動功能時，電子郵件仍然被髮送。當沒有按鈕被點擊並且自動滑動發生時，我怎樣才能阻止電子郵件發送？（請注意，我寧願保留li和標籤結構在html中，cos按鈕的主動效果）
第三個div--感謝頁面，我可以將標記更改爲div，這樣人們可以不要點擊它？如果是這樣，我該如何瞄準它？

任何代碼/建議表示讚賞。非常感謝你。

來源

2012-02-27 grumpypanda

要修復＃1，您將需要在item2上更改setTimeout函數。請參閱http://jsfiddle.net/EXfnN/15/

對於＃2，我試着讓電子郵件功能在超時時觸發，但看不到它正常工作。如果您仍然看到問題，請嘗試離開onClick屬性，並從JavaScript中觸發這些屬性。即：

$('#abc').click(function(){abcSubmit();});

這應該使他們實際上點擊它們只會引發，因此得到解決您的問題。

如果我正確理解你的＃3的問題，你可以這樣做：

變化：

<div id="item3" class="item"> 
     <div class="content"> 
      <a href="#item1" class="panel"><img src="images/thankyou.jpg" alt="Thank you" /></a> 
     </div> 
</div>

要：

<div id="item3" class="item"> 
    <img src="images/thankyou.jpg" alt="Thank you" /> 
</div>

然後在剛剛觸發點擊操作的腳本與：

$('#item3').click(function(){//your action here});

唯一的缺點是沒有javascript，你的用戶將無法做任何事情。他們也不會通過第一張幻燈片，所以這是無關緊要的！

來源

2012-02-27 23:55:01 marblegravy

您好Marblegravy，謝謝您的回覆。我只是嘗試了你的第一個解決方案，在第二個div上，它的功能就像一個魅力，但是當它進入第三個div時，它會在一秒內回到第一個div，我看不到內容這是什麼原因？在第三種解決方案中，你能給我更多關於如何讓它回到第一個div的細節嗎？這意味着什麼呢？對不起，我有點慢，同時我會繼續嘗試你的代碼。非常感謝！順便說一句，你的超人裝扮太酷了:) – grumpypanda 2012-02-28 00:13:29

在你原來的問題中，你只說「當沒有按鈕被點擊時，我怎麼能設置第二個div回到開始/第一個div而不是第三個div」，所以我只理解你想要第二個div上的功能。我按照原來的樣子離開了第三個div。在第三個面板上看不到任何東西的原因是因爲唯一有一個圖像具有相對鏈接，所以jsfiddle不知道它在哪裏。添加一些文本到第3部分，它會顯示出來。我懷疑你很多麻煩只是不知道如何jQuery的工作，只依靠你找到的腳本... – marblegravy 2012-03-19 13:30:30

我懷疑你很多麻煩只是不知道jQuery的工作原理，只是依靠你找到的腳本...嘗試訪問http://www.learningjquery.com/2010/07/great-ways-to-learn-jquery，並通過您最擅長的方法開展工作。你已經擁有了所有的代碼來使它按照你想要的方式工作，你只需要知道它做了什麼！我希望你知道 - jquery非常有趣。 – marblegravy 2012-03-19 13:36:54

如何SetTimeout回到第一個div？

回答

相關問題