Как SetTimeout, чтобы вернуться к первому div?

Question

У меня есть три div на одной странице, первый div - это видео html5, второй div содержит кнопки, а третий - страница с благодарностью, и он возвращается к началу, поэтому он выглядит как фотослайд. Вот мой код и функция - http://jsfiddle.net/EXfnN/14/

Я установил 3 секунды на втором элементе div, поэтому, если кнопки / теги не нажимаются в течение 3 секунд, он автоматически переходит к третьему элементу.

У меня есть три вопроса по этой функции:

1. как я могу установить второй div, чтобы вернуться к началу / первому div вместо третьего div, когда ни одна кнопка не нажата?
2. Каждый раз, когда вы нажимаете кнопку на втором div / странице, электронное письмо отправляется на соответствующий адрес электронной почты. Моя проблема заключается в том, что, если в течение трех секунд ни одна кнопка не была нажата и включена функция автоматического скольжения, электронное письмо все еще отправляется. Как я могу остановить отправку электронного письма, когда не нажата ни одна кнопка и происходит автоматическое скольжение? (обратите внимание, я бы предпочел сохранить структуру li и тегов в html, потому что кнопка активна)
3. для третьей страницы "Спасибо", могу ли я поменять тег для div, чтобы люди не могли щелкнуть по нему? Если так, как я могу предназначаться для этого?

Любой код / ​​предложение приветствуется. Большое спасибо.

Answer 1

Чтобы исправить # 1, вам нужно будет изменить функцию setTimeout, когда вы находитесь на item2.См. 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 ваши пользователи не смогут ничего сделать.Они также не пройдут первый слайд, хотя это не имеет значения!