첫 번째 div로 돌아가려면 SetTimeout하는 방법?

Question

한 페이지에 div가 세 개 있습니다. 첫 번째 div는 html5 동영상이고 두 번째 div에는 버튼이 포함되어 있으며 세 번째 페이지는 고맙습니다. 첫 페이지로 돌아 가면 사진 슬라이드처럼 보입니다. 여기 내 코드와 함수 - http://jsfiddle.net/EXfnN/14/

두 번째 div에 3 초를 설정 했으므로 버튼/태그가 3 초 이내에 클릭되지 않으면 자동으로 세 번째 div로 이동합니다.

1. 어떻게 내가 어떤 버튼을 클릭하지 않을 경우 다시 대신 세 번째 DIV의 시작/첫째 DIV에 갈 수있는 두 번째 DIV를 설정할 수 있습니다

   나는이 기능에 대한 세 가지 질문 있어요?

2. 두 번째 div/페이지에서 버튼을 클릭 할 때마다 해당 이메일 주소로 이메일이 전송됩니다. 내 문제는 버튼을 3 초 동안 클릭하지 않고 자동 슬라이드 기능이 실행되면 이메일이 계속 전송된다는 것입니다. 버튼을 클릭하지 않고 자동 슬라이드가 진행 중일 때 이메일이 전송되는 것을 어떻게 멈출 수 있습니까? (주의 할 점은 HTML에서 li와 태그 구조를 유지하는 것, 버튼이 활성화 된 효과이므로)
3. 세 번째 div-thank you 페이지에서 div 태그를 변경할 수 있습니까? 그것을 클릭하지 않습니까? 그렇다면 어떻게 타겟팅 할 수 있습니까?

모든 코드/제안을 부탁드립니다. 고맙습니다.

Answer 1

# 1을 수정하려면 item2에있을 때 setTimeout 함수를 변경해야합니다. http://jsfiddle.net/EXfnN/15/

# 2의 경우, 전자 메일 기능이 타임 아웃시 트리거되도록 시도했지만 작동하지 않습니다. 그래도 문제가 계속 표시되면 onClick 속성에서 벗어나 자바 스크립트에서도 트리거하십시오. 예 :

이렇게하면 실제로 클릭 할 때만 트리거되어 문제를 해결할 수 있습니다.

변경 :

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

에 :

내가 제대로 # 3 질문을 이해한다면, 당신은이 작업을 수행 할 수 있습니다

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

을 그리고에서 다음 바로 클릭 동작을 트리거하여 다음 스크립트를 사용하는 스크립트 :

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

유일한 단점은 자바 스크립트가 없으면 사용자가 아무 것도 할 수 없다는 것입니다. 그것들은 또한 첫 번째 슬라이드를 지나치지는 않을 것입니다. 그래서 그것은 무의미합니다!