如何在 div（幻灯片）和 Kiosk 数据问题上设置 setTimeout/delay

Question

我正在尝试为建筑物入口创建一个基于 html5 和 javascript 的欢迎显示/信息亭。该项目将包括：

1. 一部电影在数字显示器上不断播放，直到一些访问者触摸屏幕 (html5)

2. 会显示几个带有部门名称的按钮，供访客选择他们在这里要查看的对象

3. 点击一个按钮后，会向部门发送一封电子邮件

4. 感谢页面会短暂显示，网站会自动回到数字 1)

我的问题是：（感谢回答的任何部分问题。）

Javascript/Jquery 问题：

1. 我想使用 jquery 滑块在一个页面上完成整个过程，并将上面的每个步骤放在一个 div 中。像http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery 中的水平的东西我怎样才能让最后一个 div 显示 5 秒，然后自动回到第一个 div？任何有关这方面的代码或教程都会有很大帮助。

数据问题：

1. kiosk 机器的数据空间有限，有什么办法可以让同一部电影不再加载，而是在感谢页面后播放？所以它不会占用所有空间？

2. 如果我使用 Jquery 滑块使整个过程只有一页，那么电影将被隐藏但仍在播放，而页面的其他部分/div 正在显示。这会保存上面的数据问题吗？

感谢任何代码/方向。非常感谢您的宝贵时间。

山姆:)

Answer 1

您似乎在算法方面走在了正确的轨道上。查看此fiddle，了解您可以尝试的工作演示。

至于您的数据问题，您已经用问题 2 回答了问题 1。将所有内容放在一页上可以让电影留在记忆中。只要您只是隐藏播放器而不破坏它，您就不必重新加载电影。

如果这对你有帮助，请告诉我！