Пауза таймер и показать ответ после нажатия кнопки «Отправить» в форме PHP JavaScript ⇐ Html

[Anonymous]

Проектирование викторины для школьников с вопросами, имеющими 4 ответа с множественным выбором (радиопроизводительные кнопки), которые будут выбраны из. < /p>
[*] У теста есть несколько вопросов на Форма самоосухивания - только 1 вопрос будет представлен за раз в той же форме < /li>
Необходимо показать таймер (на котором показывает оставшееся время цельной викторины) < /li>
< /ul>
, как только пользователь нажимает кнопку «Отправить» на вопрос после выбора параметра радиопроизводства, < /p>

Он должен Смотрите правильный ответ и его объяснение (например, в текстовом поле или в простом p) и
[*] Таймер должен остановиться, чтобы дать ему время пройти через ответ. < /ol>
Вот мой код до сих пор: < /p>

Код: Выделить всё

// Following gives 300 seconds (5 minutes) for quiz, and shows the time remaining:

var sec = 300;
var time = setInterval(myTimer, 1000);

function myTimer()
{

if (sec >= 60)
{
let minutes = Math.floor(sec/60);
tempsec = Math.round(sec%60);
document.getElementById('timer').innerHTML = minutes + " Minutes and " + tempsec + " Seconds left!";
}
else
{
document.getElementById('timer').innerHTML = sec + " Seconds left!";
}
sec--;
if (sec == -1)
{
clearInterval(time);
alert("Your Test Time is Over!");
}
}

< /code>
Следующее показывает вопрос в форме самооценки < /p>

//code for second question onwards

Следующая CSS показывает/скрывает текст ответа Объяснение:
.ans-details
{
display: none;
}

[type="radio"]:checked ~ label ~ .ans-details
{
display: block;
}
< /code>
, как только пользователь выбирает свое радио с выбором опции и нажимает кнопку отправки: < /p>

Таймер должен сделать паузу в этом Значение (позволяя пользователю пройти время через ответ) щелкнув, что должно отдать себя в форму, а таймер должен возобновить из приостановленного значения. достигнуто.
Есть лиды, пожалуйста?>

Подробнее здесь: https://stackoverflow.com/questions/794 ... cript-form