[visualization-api] Timed quiz (Many questions but each question displayed for 1 minute and has to be completed within time)

[z***@gmail.com]

i have made a quiz for personality assessment which contains different
questions. I have also given the total time of 15 minutes for 15 questions.
After that time, quiz automatically save the answers in database. But now
i want to make the time more precise like i want to give time to per
question e.g 1 minute for 1 question. After 1 minute, next question would
be displayed. Please help me in this as i stuck here. Thanks in advance

<div class="starttestDeduction">
<div class="mat_header">

<div class='mat_logo'></div>
<div class='multiple_aptitude_test'><center>Multiple
Aptitude Test</center></div>
<div id="timer"><center>15:00</center></div>
<div id="time"> </div>

</div>
<div class="verbal-background-banner">

<center>


</center>
<center style=" position: relative;
bottom: 10px; left:82.75px"><img src="<?php echo IMG;
?>logos/D55528.png"/></center>



<form class="sec screening-q" role="form" action=""
method="post">
<div class="verbal-box">
<h2 style="text-align: center; color:
#D55528;">Deduction</h2>

<input type='hidden' id='current_page' />
<input type='hidden' id='show_per_page' />

<table class="table table-inverse verbalpaginated-table">
<thead>
<tr>
<th></th>
<th></th>


</tr>
</thead>
<tbody>
<?php if ($deduction){ ?>
<?php $x=1; ?>
<?php foreach($deduction as
$row){?>
<tr>
<td width="10%"></td>
<td> <div class="col-md-12 bmargin10"><b><?php echo
$row->statement;?></b></div>
<div
id="answer_mat" class="col-md-12">


<div><b><?php
echo $x; $x++; ?>. <?php echo $row->question;?></b></div>
<input
type="hidden" name = "question" value = "<?php echo $row->id;?>" />

<?php


if($ans_options){
foreach
($ans_options as $ansOptions) {

if($row->id ==
$ansOptions->question){
?>
<input
type="hidden" name = "type" value="<?php echo $row->type;?>" />
<input
type="hidden" name = "sub_type" value="<?php echo $row->sub_type;?>" />
<input
type="hidden" name = "level" value="<?php echo $row->level;?>" />


<label
class="ans_options">

<div><?php echo $ansOptions->title; ?></div>


<center><input type="radio" name="marks[<?php echo $x;?>]" value="<?php
echo $ansOptions->marks; ?>" required /></center>
</label>
<?php }
}
}
?>


</div></td>

</tr>


<?php }}?>
</tbody>

</table>



<a class="prev"><img style="position: relative;left: 300px; "
src="<?php echo IMG; ?>Previous.png" /></a> <a class="next"><img
style="position: relative;left: 300px; " src="<?php echo IMG; ?>next.png"
/></a> <button style="position: relative;left: 300px; " id="submit"
name="submit" class="btn finishButton CompleteDedudction" ></button>


</div>