如何使用 Laravel 为测验应用程序的每个问题添加倒数计时器答案

【问题标题】：How to add Countdown Timer for each Question for Quiz App using Laravel如何使用 Laravel 为测验应用程序的每个问题添加倒数计时器
【发布时间】：2019-05-08 13:08:44
【问题描述】：

This is my questions table structure

我正在尝试使用 laravel 构建一个测验应用程序。现在我被困在为每个问题集成倒计时。

我在问题表中存储每个问题的时间。我想在第一个问题计时器的倒计时完成后提交第一个问题或重定向到下一个问题。所以，最后，我想显示每个问题的时间结果。

谁能给我一个链接或任何参考来做到这一点？如果有人能帮我解决这个问题，我会很高兴。

【问题讨论】：

使用会话并在前端运行 javascript 计时器。额外验证在您的后端使用 time() 所花费的时间，以防万一有人篡改了 javascript。
我是 laravel 的新手。所以你能详细说明我如何存储问题、答案和点击下一个按钮后的提问时间并在最终提交后显示结果。 @vivek_23
点击next 按钮后，您将通过ajax 发送回答时间和回答本身。单击最终提交按钮后，您会从服务器计算结果并相应地显示结果。
谢谢哥们，在此之前我对ajax一无所知。无论如何100谢谢你。 @vivek_23

标签： javascript php laravel-5 countdowntimer

【解决方案1】：

查看http://flipclockjs.com/

使用以下回调来做你需要的事情（将它们带到下一页）

var clock = new FlipClock($('.clock'), 100, {

  // Create a minute counter
  clockFace: 'MinuteCounter',

  // The onStart callback
  onStart: function() {
    // Do something
  },

  // The onStop callback
  onStop: function() {
    // Do something
  },

  // The onReset callback
  onReset: function() {
    // Do something
  }
});

【讨论】：

感谢哥们提供一些尝试的方法，我会试试这个。