Пишу сайт для тестирования. Вопросы обновляются после обновления страницы

Question

Пишу сайт для тестирования. Написал скрипт для вывода вопросов из базы данных. Но при обновлении страницы вопросы обновляются. Как сделать так, чтобы вопросы оставались те же, до окончания таймера. Либо по нажатию кнопки "завершить".

Листинг страницы тестирования:

<?php
    include "../script/func/function.php"; //Файл с фунциями
    check_coock(); //Проверка куки
    check_coock_testing();
    //------------ Задаем параметры для панели навигации -----------\\
    $exit = '<a href="../script/kill_coock.php">Выход</a>'; 
    $admin = '<a href="../pages/admin.php">Админ</a>';
    $admin_hr = '<hr class="admin_hr">';
?>
<!DOCTYPE HTML>
<html>
<head>
    <link rel="icon" href="https://amt.rosminzdrav.ru/theme/image.php/adaptable/theme/1605257379/favicon">
    <link rel="stylesheet" href="../css/style-main.css">
    <link rel="stylesheet" href="../css/style-testing.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Тестирование</title>
</head>
<body>
    <p id="demo" class="time"></p> 
    <div class="up">
         <text class="goto_exit">?</text>
         <div class="exit_div">
          <?php //Панель навигации по сайту
            if (isset($_COOKIE["admin"])) { 
             echo $exit;             
             echo $admin_hr;             
             echo $admin;
            } else {
              echo $exit;
            }
          ?> 
         </div>
         <img src="../images/index/f1.png" alt="" class="user_img" >
         <text class="up_text">
             <?php //Вывод имени и фамилии в строке пользователя
                 echo $_COOKIE["name"];
                 echo " ";
                 echo $_COOKIE["surname"];
             ?>
         </text>
     </div>
<header>
        <div>
            <text>Тестирование - 1 -й этап</text>
        </div>
</header>
     

<p id="demo" class="time"></p> <!-- Строка таймера -->

<!-- <div class="right_box"></div> -->
<div class="content">
<?php //Заполнение страницы вопросами
    $mas = array("");
    for ($i=0; $i < 60; $i++) { 
        $rand_id = rand(1, 2286);
        for ($j=0; $j < count($mas); $j++) {
            if ($mas[$i] = $rand_id) {$rand_id = rand(1, 2286);} else {$mas[count($mas) + 1] = $rand_id;}}
        $num = get_num(4);
        $number = $i+1;
        echo'<div class="question"> 
            <div class="left_box"> 
            <span>Вопрос <b>'.$number.'</b></span><br>
                <span>Пока нет ответа</span><br>
                <span>Балл: 1,00</span><br>
                <span><img src="../images/testing/icon/unflagged.png" alt="" onClick="imgsrc(this)"> Отметить вопрос</span>
            </div>';
        echo withdraw_quest($num, get_quest($rand_id));
        echo '</div>';

    }
?>
</div>


<div class="formend">
    <form action="" class="endform">
        <input type="button" value="Завершить">
    </form>
</div>




<footer></footer>
<script>
    //----------- Смена отметки вопроса -----------------\\
    function imgsrc(img) { 
        var imgs = ["../images/testing/icon/unflagged.png","../images/testing/icon/flagged.png"];
        var index = ((+img.dataset.imageindex || 0) + 1) % imgs.length;
        img.dataset.imageindex = index;
        img.src = imgs[index];
    }
    //----------- Таймер -----------------\\
    let countDownDate = <?php echo $_COOKIE["hours"]?>;
    var x = setInterval(function() { 
    var now = new Date().getTime();
    var distance = (countDownDate * 1000) - now;
    var hours = 0;
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    if (minutes >= 10) {
        if (seconds >= 10){document.getElementById("demo").innerHTML = "Оставшееся время " + hours + ":" + minutes + ":" + seconds;} 
        else {document.getElementById("demo").innerHTML = "Оставшееся время " + hours + ":" + minutes + ":0" + seconds;}
    } else {
        if (seconds >= 10) {document.getElementById("demo").innerHTML = "Оставшееся время " + hours + ":0" + minutes + ":" + seconds;} 
        else {document.getElementById("demo").innerHTML = "Оставшееся время " + hours + ":0" + minutes + ":0" + seconds;}        
    }
    if (distance < 0) {clearInterval(x);document.getElementById("demo").innerHTML = "Время истелко";}}, 1000);
</script>
</body>
</html>

Листинг функций:

function get_quest($id_quest) { //Получение вопроса из базы данных
    global $mysqli;
    $quest = array();
    connectDB(); 
    $result = mysqli_query($mysqli,"SELECT * FROM `question` WHERE `id` = '".$id_quest."'");
    if ($result) {
        $quest = $result->fetch_assoc();
        return $quest;
    } else {
        $_SESSION['message'] = "Ошибка запроса на сервер. Попробуйте позже.";
    }   
    closeDB();
}

function get_num($value='') //Получение массива для рандомного распределения вопросов
{
    $used_nums = array();
    while(1) {
      $random = rand(1, 4);
      if(!in_array($random, $used_nums)) {
         $used_nums[] = $random;
      }
      if(count($used_nums) == 4) { break; }
    }
    return $used_nums;
}


function withdraw_quest($num, $quest){ // Функция рандомного распределения ответов
    echo '<div class="center_box">
        <span class="title_quest">'.$quest['question'].'</span>
        <p>
        <span>Выбирите один ответ:</span><br>';
    for ($i=0; $i<4; $i++) {
        $j = $i+1;
        echo '<span><input type="radio" name="test" id="test" value="">'.$j.'. ';
        switch ($num[$i]) {
            case '1':
                echo ''.$quest['correct_answer'].'</span><br>';
                break;
            case '2':
                echo ''.$quest['answer2'].'</span><br>';            
                break;
            case '3':
                echo ''.$quest['answer3'].'</span><br>';
                break;
            case '4':
                echo ''.$quest['answer4'].'</span><br>';
                break; 
        }
        if ($i == 3) {
            echo '</p></div>';
        }
        }
}

БЛОГ НА HUSL

Пишу сайт для тестирования. Вопросы обновляются после обновления страницы

Ответы (0 шт):