Перенаправление определенной data-role = "page" с временным интервалом - PullRequest
Новая
       6

Перенаправление определенной data-role = "page" с временным интервалом

0 голосов
/ 23 октября 2018

Я пытаюсь сделать переадресацию страницы data-role = page через определенное время после ее достижения.Страница, на которой я хочу вызвать временное перенаправление, является третьей страницей в серии (# tim3), доступ к которой пользователь может получить только последовательно.В этом примере я хочу, чтобы сайт перенаправлял на # james1, через 10 секунд после того, как они достигли страницы # tim3, не требуя никаких нажатий кнопок.Годами я обращался к stackoverflow, но это первый вопрос, который я когда-либо задавал, поэтому извиняюсь, если я не предоставил правильный контекст.

<div id="storyOne">
<div id="tim1" data-role="page" class="ui-content">
        <img onclick="location.href='index.html#tim2'" src="img/mainscreenTim@2x.png">
    </div>

    <div id="tim2" data-role="page" class="fullscreen-bg">
    <video id="timVid" webkit-playsinline playsinline autoplay muted class="fullscreen-bg__video">
        <source src="media/ExpoStoriesTim.mp4" type="video/mp4">
        </video>
    </div>

    <div id="tim3" data-role="page" class="ui-content">
        <h1>This is all the stuff telling you to go to storyvine</h1>
        <div class="vidThumb">
        Tim Story
        </div>
    </div><!-- end tim3 -->

        </div><!--end storyOne -->


    <div id="storyTwo">
    <div id="james1" data-role="page" class="ui-content">
        this is story2
    </div>
    </div>      


 <script>
$("#timVid").bind("ended", function() {
   window.location.replace("index.html#tim3");
});

$(document).ready(function() {  
 window.setInterval(function() {
 var timeLeft = $("index.html#tim3").html();        
  if(parseInt(timeLeft) == 0){
    [removed]= ("index.html");     
  }else{    
   $("index.html#tim3").html(parseInt(timeLeft)- parseInt(1));
  }
 }, 10000); 
});
</script>
...