Français
Français
Avec la popularité d'Internet, de plus en plus d'établissements d'enseignement et d'entreprises ont commencé à utiliser des réponses en ligne pour tester et sélectionner les connaissances. Afin d'assurer l'équité de répondre aux questions, définir un temps limité pour répondre aux questions est devenu une étape nécessaire. Cet article présentera comment mettre en œuvre la fonction de réponse limitée dans le temps dans le système de réponse en ligne.
Tout d'abord, créez une page de réponse aux questions qui contient des éléments tels que des questions, des options et des boutons de soumission. Voici une simple structure HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Répondre aux questions en ligne</title>
</head>
<body>
<h1>Répondre aux questions</h1>
<form id="answerForm">
<input type="radio" name="option" value="option1">Options1<br>
<input type="radio" name="option" value="option2">Options2<br>
<input type="radio" name="option" value="option3">Options3<br>
<input type="radio" name="option" value="option4">Options4<br>
</form>
<button id="submitBtn">soumettre</button>
</body>
</html>Utilisez JavaScript pour implémenter la fonction à durée limitée de la réponse aux questions. La confirmation est obtenue en définissant une minuterie et en soumettant automatiquement les réponses lorsque le temps arrive. Voici le code JavaScript pertinent:
<script>
// Minuteur
var timer;
// Définir la limite de temps，Unités en quelques secondes
var timeLimit = 60;
// La minuterie démarre après le chargement de la page
window.onload = function() {
startTimer();
}
// Commencer le timing
function startTimer() {
timer = setInterval(function() {
timeLimit--;
if (timeLimit == 0) {
clearInterval(timer);
submitAnswer();
}
updateTimer();
}, 1000);
}
// 更新Minuteur显示
function updateTimer() {
document.getElementById("timer").innerHTML = "temps restant：" + timeLimit + "Deuxième";
}
// soumettre答案
function submitAnswer() {
var answer = document.querySelector('input[name="option"]:checked').value;
// soumettre答案的相关处理
// ...
}
</script>Ajoutez un élément à la page de réponse pour afficher le temps restant:
<h2 id="timer"></h2>Le code ci-dessus réduit le temps restant de chaque seconde et met à jour l'affichage à rebours dans la page en temps réel.
Dans l'événement Click du bouton Soumettre, la fonction qui soumet la réponse est appelée pour obtenir les options sélectionnées par l'utilisateur et effectuer un traitement connexe.
Grâce aux étapes ci-dessus, vous pouvez facilement définir la fonction de réponse limitée dans le temps dans le système de réponse en ligne. Une fois la page chargée, le compte à rebours commencera et la réponse sera soumise automatiquement après la fin du temps, et le compte à rebours sera également affiché sur la page en temps réel. Selon les besoins réels, vous pouvez également ajouter plus de fonctions au système, telles que le bouton Pause ou le bouton de réinitialisation.
J'espère que cet article pourra vous aider à réaliser la fonction de réponse limitée dans le temps lors du développement d'un système de réponse en ligne et d'améliorer l'équité et la normalisation du système!
