单击下一页后如何继续进行考试计时器

Question

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

http://paste.laravel.com/iOo

如果无法完成考试，我还想添加保存和退出选项。任何帮助将不胜感激。

Answer 1

您可以在Cookie中记录考试的开始时间，然后在页面加载时每个页面都可以读取该Cookie，以查看考试的开始时间。

Answer 2

您可能想尝试这种方式：

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

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