使用SetTimeout跳轉到圖像庫中的特定幻燈片

我正在使用爲每張幻燈片分配ID的圖像庫代碼。我想製作一個功能，當用戶點擊「img-7」上的「下一個」時，用戶轉到「img-8」，但是在5秒後發送回「img-7」。使用SetTimeout跳轉到圖像庫中的特定幻燈片

當用戶點擊img-7上的「下一個」時，我有「setTimeout（」jump，5000「）」來激活點擊，但是我怎樣才能設置「跳轉」功能？我知道「window.location.href」用於更改窗口，但是如何將它設置爲跳轉到圖像庫中的其他ID？

function jump(){ 
 

 
       }

<input type="radio" name="radio-btn" id="img-7" /> 
 
    <li class="slide-container"> 
 
<div class="video-container"> 
 
     <div class="slide"> 
 
\t \t 
 
\t \t <video id="video7" width="100%" loop muted> 
 
      <source src="files/video/7.webm" type="video/webm"> \t 
 
\t \t </video> 
 
\t \t </div> 
 
     </div> 
 
\t \t <div class="nav"> 
 
\t \t \t <label for="img-6" class="prev"></label> 
 
\t \t \t <label for="img-8" class="next" onclick="setTimeout(jump,5000)"></label> 
 
\t \t </div> 
 

 
    </li> 
 
    
 
    \t  <input type="radio" name="radio-btn" id="img-8" /> 
 
    <li class="slide-container"> 
 
<div class="video-container"> 
 
     <div class="slide"> 
 
\t \t 
 
\t \t <video id="video8" width="100%" loop muted> 
 
      <source src="files/video/8.webm" type="video/webm"> \t 
 
\t \t </video> 
 
\t \t </div> 
 
     </div> 
 
\t \t <div class="nav"> 
 
\t \t \t <label for="img-7" class="prev"></label> 
 
\t \t \t <label for="img-9" class="next"></label> 
 
\t \t </div> 
 

 
    </li>

來源

2017-08-29 user2454060

你並不需要報價包裹的setTimeout的內臟。

<label for="img-8" class="next" onclick="setTimeout("jump,5000")></label>

onclick因爲由jump報價被封閉該一個由onClick被解釋爲onclick="setTimeout("。

相反，onclick應該是這樣的：

onclick="setTimeout(jump, 5000)"

來源

2017-08-29 20:46:02 FlyingSixtySix

我如何可以使功能它有什麼建議？我知道「window.location.href」用於訪問不同的頁面，但我如何創建一個跳轉到圖像庫代碼中的ID的函數？ – user2454060

@ user2454060你必須看看圖片庫的代碼，看看它如何自動改變，然後以某種方式實現。 – FlyingSixtySix

它是我發佈的代碼，每張幻燈片都有一個ID（img-1，img-2等）。「prev」和「next」按鈕有一個與他們將要訪問的ID相匹配的標籤。我只是不知道從哪裏開始在JavaScript中的功能。它需要鏈接到一個ID而不是一個URL。 – user2454060

使用SetTimeout跳轉到圖像庫中的特定幻燈片

回答

相關問題