javascript - 如何让考试计时器在单击下一页后继续

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

这个问题似乎偏离主题，因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或 include a minimal example在问题本身。

已关闭 9 年前。

Improve this question

我正在进行在线考试，但计时器部分有问题。每次用户单击下一个按钮获取新页面时，计时器都会重新启动。这是我的代码。我正在使用 Laravel

http://paste.laravel.com/iOo

我还想添加无法完成考试时保存并退出的选项。任何帮助将不胜感激。

Answer 1

您可能想尝试这种方式:

• 测试开始时，为当前测试创建一个用于保留问题的 session 变量，例如“testQuestions”
• 创建一个函数，该函数将发送包含“testQuestions”数组中的单个问题的 json 输出。因此，每当您使用正确的索引查询该网址时，您都会遇到这个问题。您还可以在发送该问题时添加其他信息，例如 nextQuestionIndex、prevQuestionIndex 等。它们将帮助您在前端创建“下一个”和“上一个”按钮。
• 然后在前端，您可以创建多个部分(或带有 ID 的 div)，一个用于显示计时器，一个用于显示问题。
• 然后用 JavaScript 编写函数来处理下一个和上一个按钮的点击事件。您可以发送 ajax 请求并获取包含下一个问题的 json 响应。您可以修改当前问题的内容以显示下一个或上一个问题。

您可以改进此策略，并在单击“下一步”或“上一步”按钮时提交问题表单。这样，您将在一次通话中更新问题的答案并接收下一个/上一个问题。因为您将使用 ajax 请求，所以可以避免页面刷新。