我正在进行柜台服务项目,需要控制客户流向,每个客户可以在柜台上停留5分钟.另一方面,系统应控制5个计数器.
这是我解决问题的尝试.看我的MWE：
//this is part of the code where I set the timer for each counter.
function increment() {
if (running == 1) {
setTimeout(function() {
time++;
var mins = Math.floor(time / 10 / 60);
var secs = Math.floor(time / 10);
var tenths = time % 10;
if (mins == 5) {
//after 5 mins is over the system should call PHP deQueue() method to dequeue the current and point out to next customer.
document.getElementById("message").innerHTML = "Currently,Counters are available... Next Customer..."
deQueue();
//this is my PHP method.
available();
}
document.getElementById("timer").innerHTML = mins + ":" + secs + ":" + tenths;
increment();
},100)
}
}//And this is my PHP file.
<?PHP
public function deQueue(){
if (!$this->isEmpty()) {
$this->front = ($this->front+1) %5;
$this->size--;
}else{
echo "The Counter is empty! <br>";
}
}
?>最佳答案
现在,您将需要对您的PHP文件使用ajax请求,如下所示：
function increment() {
if (running == 1) {
setTimeout(function() {
time++;
var mins = Math.floor(time / 10 / 60);
var secs = Math.floor(time / 10);
var tenths = time % 10;
if (mins == 5) ajaxDequeue(mins);
document.getElementById("timer").innerHTML = mins + ":" + secs + ":" + tenths;
increment();
},100)
}
}
function ajaxDequeue(mins){
$.ajax({
url: 'ajax.PHP?minutes=' + mins,beforeSend: function()
{
document.getElementById("message").innerHTML = "Currently,Counters are available... Next Customer..."
},success: function(response)
{
document.getElementById("message").innerHTML = response;
}
});
}
<?PHP
$minutes = $_GET["minutes"];
if (isset($minutes)) deQueue();
public function deQueue(){
if (!$this->isEmpty()) {
$this->front = ($this->front+1) %5;
$this->size--;
}else{
echo "The Counter is empty! <br>";
}
}
?>
