Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
5年前关闭。
我正在进行在线考试,但计时器部分有问题。每次用户单击下一个按钮以获取新页面时,计时器都会重新启动。这是我的代码。我正在使用laravel
http://paste.laravel.com/iOo
如果有人无法完成考试,我还想添加保存并退出的选项。任何帮助将不胜感激。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
5年前关闭。
我正在进行在线考试,但计时器部分有问题。每次用户单击下一个按钮以获取新页面时,计时器都会重新启动。这是我的代码。我正在使用laravel
http://paste.laravel.com/iOo
如果有人无法完成考试,我还想添加保存并退出的选项。任何帮助将不胜感激。
最佳答案
您可能要尝试这种方式:
测试开始时,请为当前测试创建一个会话变量以保存问题,例如“ testQuestions”
创建一个函数,该函数将发送json输出,其中包含来自“ testQuestions”数组的单个问题。因此,每当您使用适当的索引查询该URL时,都会遇到该问题。您也可以在发送问题时添加其他信息,例如nextQuestionIndex,prevQuestionIndex等。他们将帮助您在前端创建“下一个”和“上一个”按钮。
然后在前端,您可以创建多个部分(或具有ID的div),一个用于显示计时器,一个用于显示问题。
然后使用JavaScript编写函数,以实现下一个和上一个按钮的单击事件。您可以发送ajax请求并获取包含下一个问题的json响应。您可以修改当前问题的内容以显示下一个或上一个问题。
您可以改进此策略并单击“下一个”或“上一个”按钮时提交问题表格。这样,您将在一个呼叫中更新问题的答案并接收下一个/上一个问题。因为您将使用ajax请求,所以可以避免页面刷新。
关于javascript - 单击下一页后如何使考试计时器继续执行,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15082391/