javascript - 如何设置倒计时器停止在 00 :00:00 OR when =0 auto click button

标签 javascript php html timer

当我的计时器转到 00:00:00 时,下一秒将继续倒计时,如 23:59:59。 如何在 00:00:00 或当计时器 = 00:00:00 自动单击按钮时停止计时器

按钮

<input type=submit name=submit value='Get Result' id='submitpaper'>

显示

<div id=response class=timer style=font-size:30px></div>

这是第一个.php

$duration=$row["duration"];


$_SESSION["duration"]=$duration;
$_SESSION["start_time"]=date("Y-m-d H:i:s");

$end_time=$end_time=date('Y-m-d H:i:s', strtotime('+'.$_SESSION["duration"].'minutes',strtotime($_SESSION["start_time"])));

$_SESSION["end_time"]=$end_time;
?>

这是我的response.php

<?php
session_start();

$from_time1=date('Y-m-d H:i:s');
$to_time1=$_SESSION["end_time"];
$timefirst=strtotime($from_time1);
$timesecond=strtotime($to_time1);

$differenceinseconds=$timesecond-$timefirst;
echo gmdate("H:i:s",$differenceinseconds);

?>

JavaScript位于时间显示页面。

    var x = setInterval(test,1000); 
function test()
{
    var xmlhttp=new XMLHttpRequest();
    xmlhttp.open("GET","response.php",false);
    xmlhttp.send(null);
    document.getElementById("response").innerHTML=xmlhttp.responseText;
}

最佳答案

您可以将响应 php 编辑为

<?php
session_start();

$from_time1=date('Y-m-d H:i:s');
$to_time1=$_SESSION["end_time"];
$timefirst=strtotime($from_time1);
$timesecond=strtotime($to_time1);
$differenceinseconds=$timesecond-$timefirst;
//if countdown smaller than 0, countdown should be 0
if($differenceinseconds<0)$differenceinseconds=0;

echo gmdate("H:i:s",$differenceinseconds);

?>

关于javascript - 如何设置倒计时器停止在 00 :00:00 OR when =0 auto click button,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55963399/

相关文章:

javascript - Magento 2 不加载 CSS 和 JavaScript

javascript - 如何在外部 div 保持不变的情况下缩放整个嵌套 div

html - 我希望我的 div 彼此相邻,但是当屏幕变小时,它们应该彼此相邻

python - python 中 html 文件的 string.format() 问题

javascript - 如何通过路由提供者将范围值传递给 Controller ​​?

javascript - 将 glyphicon 从 bootstrap 3 添加到 html helper textboxfor

php - 编辑前置任务时调整数据库中的后续任务日期

php - MySQL 查询太多?

javascript - 单元测试窗口位置分配的 Angular 问题

javascript - qtip 通过单击里面的按钮隐藏工具提示