オンラインでの質問に回答する時間制限を設定する方法-PHPチュートリアル-php.cn

オンラインでの質問に回答する時間制限を設定する方法

WBOY

リリース： 2023-09-26 08:56:02

オリジナル

1406 人が閲覧しました

オンラインでの質問に回答する時間制限を設定する方法

オンライン回答における質問の回答時間制限の設定方法

インターネットの普及・発展に伴い、利用する教育機関や企業が増えています。オンラインでの回答方法、知識のテストと選択。オンラインで質問に回答する場合、公平性と標準化を確保するために、質問に回答する時間制限を設定する必要があることがよくあります。この記事では、オンラインでの質問に回答する際に制限時間を設定する方法を、具体的なコード例も含めて紹介します。

Web 開発では、HTML、CSS、JavaScript などのテクノロジーを使用して、質問に回答する時間制限のある機能を実装できます。具体的な手順は次のとおりです。

回答ページの作成
まず、回答の質問、オプション、送信ボタン、その他の要素を含む回答ページを作成します。以下に示すように、HTML 言語を使用してページ構造を記述することができます。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>在线答题</title>
</head>
<body>
  <h1>答题题目</h1>
  <form id="answerForm">
    <input type="radio" name="option" value="option1">选项1<br>
    <input type="radio" name="option" value="option2">选项2<br>
    <input type="radio" name="option" value="option3">选项3<br>
    <input type="radio" name="option" value="option4">选项4<br>
  </form>
  <button id="submitBtn">提交</button>
</body>
</html>

ログイン後にコピー

期限付き回答機能を追加する
JavaScript 言語を使用して、期限付き回答機能を実装します。タイマー機能を設定することでカウントダウンを実装し、時間が経過すると自動的に回答を送信することができます。具体的なコードは次のとおりです。

<script>
  // 计时器
  var timer;
  
  // 设置限时，单位为秒
  var timeLimit = 60;
  
  // 页面加载完成后开始计时
  window.onload = function() {
    startTimer();
  }
  
  // 开始计时
  function startTimer() {
    timer = setInterval(function() {
      timeLimit--;
      if (timeLimit == 0) {
        clearInterval(timer);
        submitAnswer();
      }
      updateTimer();
    }, 1000);
  }
  
  // 更新计时器显示
  function updateTimer() {
    document.getElementById("timer").innerHTML = "剩余时间：" + timeLimit + "秒";
  }
  
  // 提交答案
  function submitAnswer() {
    // 获取选中的选项
    var answer = document.querySelector('input[name="option"]:checked').value;
    // 提交答案的相关处理
    // ...
  }
</script>

ログイン後にコピー

Display countdown
次に示すように、回答ページにカウントダウンを表示する要素を追加します。 #In コードでは、

関数を使用して残り時間を 1 秒ごとに減らし、

innerHTML 属性を通じてカウントダウン表示を更新します。 回答を送信

送信ボタンのクリックイベントで

関数を呼び出して、ユーザーが選択したオプションを取得し、関連する処理を実行します。
上記の手順により、オンラインで質問に回答する時間制限機能を実装することができました。ユーザーが回答ページにアクセスすると、カウントダウンタイマーが開始され、時間が経過すると回答が自動的に送信されます。同時にカウントダウンの残り時間もリアルタイムでページ上に表示されます。

実際の留守番システムでは、スタートボタンや一時停止ボタンなど、必要に応じて機能を追加することができます。この記事が、オンライン応答システムを開発する際の応答時間制限の適切な設定に役立つことを願っています。オンライン質問応答システムで良い結果が得られることを祈っています。

以上がオンラインでの質問に回答する時間制限を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。