使用 SetTimeout 跳转到图片库中的特定幻灯片答案

【问题标题】：Using SetTimeout to jump to a specific slide in an image gallery使用 SetTimeout 跳转到图片库中的特定幻灯片
【发布时间】：2017-08-29 20:11:48
【问题描述】：

我正在使用为每张幻灯片分配 ID 的图片库代码。我想制作一个功能，当用户在“img-7”上单击“下一步”时，用户会转到“img-8”，但在 5 秒后又被发送回“img-7”。

当用户在 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">
		
		<video id="video7" width="100%"  loop muted>
          <source src="files/video/7.webm" type="video/webm">	
		  </video>
		  </div>
        </div>
		<div class="nav">
			<label for="img-6" class="prev"></label>
			<label for="img-8" class="next" onclick="setTimeout(jump,5000)"></label>
		</div>

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

    </li>

【问题讨论】：

标签： javascript html

【解决方案1】：

您不需要用引号将setTimeout 的内容括起来。

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

onclick 被解释为onclick="setTimeout("，因为jump 的引用正在关闭onClick 的引用。

相反，onclick 应该是这样的：

onclick="setTimeout(jump, 5000)"

【讨论】：

关于如何为它创建函数的任何建议？我知道“window.location.href”是用来跳转到不同页面的，但是我怎样才能在图片库代码中创建一个跳转到一个ID的函数呢？
@user2454060 你得看看图片库的代码，看看它是如何自动改变的，然后以某种方式实现它。
这是我发布的代码，每张幻灯片都有一个 ID（img-1、img-2 等...）。 “上一个”和“下一个”按钮的标签与它们要访问的 ID 相匹配。我只是不知道从哪里开始在 javascript 中创建函数。它需要链接到 ID 而不是 URL。
@user2454060 也许您可以使用a 而不是label 并让href 转到#img-8？对于第七个，包括onclick，它调用一个将窗口位置设置为自身的函数加上#img-7？不知道行不行。