Question

我正在创建一个PHP应用程序，我想为特定的测试部分设置15分钟的计时器。如果学生在15分钟内没有完成该部分，则会保存分数并导航到下一部分。

所以我想创建一个计时器，并希望显示当前剩余的时间。但我不知道如何实现它，如果我们使用sleep（）函数，它也会中断其他函数的工作。

Answer 1

你不能使用PHP。如果你这样做，那么它只会在页面加载时冻结页面15秒，然后告诉学生时间已过期。

所以，你应该像这样在JavaScipt中编写它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
currentMinute = 0;
myTimer = setInterval(function () {
    if (currentMinute > 15) {
        clearInterval(myTimer);
        //send post data that the user's time is up
        return;
    }
    $.post("sendData.php", {
        "timeIsUp" : true
    }, function (data) {
        console.log("done sending time has expired to server");
    });
    currentMinute++;
}, 60 * 1000);
</script>

Answer 2

jQuery将帮助你...

将以下功能用于计时器

var hours1 = 0，minutes1 = 0，seconds1 = 0;

function calculate（）{

setTimeout(calculate, 1000);
if((hours==0)&&(minutes==0)&&(seconds==0)){$('#submit-btn').trigger('click');} // HERE YOU CAN SWITCH TO NEXT QUESTION
h1 = makeTwoDigit(hours);   m1 = makeTwoDigit(minutes); s1 = makeTwoDigit(seconds);
h2 = makeTwoDigit(hours1);  m2 = makeTwoDigit(minutes1);    s2 = makeTwoDigit(seconds1);
$('title').html(h1+':'+m1+':'+s1);
$('#time-taken').val(h2+':'+m2+':'+s2);
$('#minutes').html(m1);
$('#seconds').html(s1);

seconds--; 
if (seconds < 0) { 
    seconds = 59; minutes--;

    if (minutes < 0) {
        hours--;
        minutes = 59;                        
    }
}
seconds1++; 
if (seconds1 > 59) { 
    seconds1 = 00; minutes1++;      
    if (minutes1 >59) {
        hours1++;
        minutes1 = 00;                        
    }
}

}

function makeTwoDigit（num）{

if（num＆lt; 10）{return＆＃34; 0＆＃34; + num;} return num;

}

由于

在PHP和Sleep函数中实现Timer

2 个答案: