怎么把全部题做完用了多少时间也统计到新页面/oa/oa_zxsxl.php?act=jieguo中去？

Question

<script>
....省略
function generateQuestion() {
    let result = 0;
    const operators = ['+', '-'];
    let question = '';
    let lastOperator = '+'; // 初始操作符为加号
    let lastNumber = null; // 初始化上一个数字为null
    let buttonsDisabled = true; // 按钮初始状态为不可点击
    
    if(type==7)
    {
        if(bishu==2)
        {
            bishu=3;
        }
    }
    for (let i = 0; i < bishu; i++) {//几笔
        let number, operator;
        let validNumber = false;
        let result_onesDigit=onesDigit(result);
 
        // 循环直到找到一个合适的数字
        do {
            if(type==1)//1-4直加直减
            {
                              number = Math.floor(Math.random() * 4) + 1; // 1-4的随机数
                              operator = operators[Math.floor(Math.random() * 2)];
                              // 检查当前操作符和数字是否会导致结果超出范围
                if (operator === '+') {
                    validNumber = result + number <= 4;
                }
                                else
                                {
                    validNumber = result - number >= 0;
                }
            }
                        // 检查新数字和操作符与上一个数字和操作符是否不同
                        if (lastNumber !== null && (number === lastNumber || (lastOperator === operator && number === lastNumber))) {
                              validNumber = false;
                        }
        } while (!validNumber);
        lastOperator = operator; // 更新上一个操作符
        lastNumber = number; // 更新上一个数字
        setTimeout(() => {
                if(i === 0)
                {
                        displayQuestion(number,'','');
                }
        }, (i + 1) * shijian*1000);//间隔时间*1000
        result += operator === '+' ? number : -number;
        question += (i > 0 ? ' ' : '') + operator + number;
    }
    questions.push({ question: question, answer: result });
}
 
function checkAnswer() {
    if($.trim($("input[name=answerInput]").val()) == "")
    {
        $("input[name=answerInput]").focus();
        return false;
    }
    document.getElementById('question1').textContent='';
    isQuestionDisplayed = false;//每一题重新禁用按纽
    const userAnswer = parseInt(document.getElementById('answerInput').value);
    if (userAnswer === questions[currentQuestionIndex].answer) {
        alert('正确！');
    } else {
        alert('错误，正确答案是: ' + questions[currentQuestionIndex].answer);
    }
    document.getElementById('answerInput').value = '';
    $("input[name=answerInput]").focus();

    if (userAnswer !== undefined) { // 确保 userAnswer 已被定义
        questions[currentQuestionIndex].userAnswer = userAnswer; // 添加这一行
    }
    if (userAnswer === questions[currentQuestionIndex].answer) {
        questions[currentQuestionIndex].isCorrect = true;
    } else {
        questions[currentQuestionIndex].isCorrect = false;
    }

    if(tiliang==1)
    {
        if (currentQuestionIndex < zushu-1) {//几道题
            currentQuestionIndex++;
            document.getElementById('question').textContent = '';
            generateQuestion();
        } else {
            localStorage.setItem('questionsData', JSON.stringify(questions));
            window.location.href = "/oa/oa_zxsxl.php?act=jieguo";
        }
    }
}
省略......
</script>

怎么把全部题做完用了多少时间也统计到新页面/oa/oa_zxsxl.php?act=jieguo中去？

Answer 1

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳：

---

要实现这个功能，你可以按照以下步骤进行：

1. 记录答题开始时间：在用户开始答题之前，记录下当前时间。
2. 记录答题结束时间：在用户完成所有题目后，再次记录时间。
3. 计算总时间：用结束时间减去开始时间，得到总时间。
4. 存储和传递时间数据：将总时间存储在localStorage或者通过POST请求传递给PHP页面。
5. 在PHP页面显示时间：在/oa/oa_zxsxl.php页面上，获取传递的时间数据并显示。

下面是具体的代码实现：

JavaScript 部分

在generateQuestion函数开始之前添加一个变量来记录开始时间：

let startTime; // 答题开始时间

function startTiming() {
    startTime = new Date(); // 记录开始时间
}

// 在用户点击开始答题的按钮时调用 startTiming 函数
// document.getElementById('startButton').addEventListener('click', startTiming);

在checkAnswer函数的最后，添加代码来记录结束时间并计算总时间：

function checkAnswer() {
    // ... 省略其他代码 ...

    if(tiliang==1) {
        // ... 省略其他代码 ...
        if (currentQuestionIndex < zushu-1) {
            // ... 省略其他代码 ...
        } else {
            const endTime = new Date(); // 记录结束时间
            const totalTime = (endTime - startTime) / 1000; // 计算总时间，单位为秒

            // 将总时间保存到localStorage
            localStorage.setItem('totalTime', totalTime);

            // 跳转到新页面并传递总时间
            window.location.href = "/oa/oa_zxsxl.php?act=jieguo&totalTime=" + totalTime;
        }
    }
}

PHP 部分

在/oa/oa_zxsxl.php页面，获取传递的总时间并显示：

<?php
    // 获取传递的总时间
    $totalTime = isset($_GET['totalTime']) ? (float)$_GET['totalTime'] : 0;

    // 将秒转换为分钟和秒
    $minutes = floor($totalTime / 60);
    $seconds = fmod($totalTime, 60);

    // 显示总时间
    echo "<p>总答题时间：{$minutes}分{$seconds}秒</p>";
?>

注意事项

• 确保在用户开始答题之前调用startTiming函数。
• 如果使用localStorage，请确保浏览器支持该功能，并且在用户完成题目后跳转前保存数据。
• 如果使用GET请求传递时间数据，请确保URL长度不会超出限制。

参考资料

• MDN Web Docs - localStorage
• W3Schools - JavaScript Date Object
• PHP: Date and Time Functions

这些代码和步骤应该能够帮助你实现所需的功能。如果有任何问题，可以进一步讨论。