如何使用PHP和jquety在html中更新所需时间

Question

如何在不使用jquery刷新页面的情况下更新经过的时间？

它检查时间会话是否设置为显示时间(以秒为单位)。

<?php
if (!isset($_SESSION['start_time'][$pId])) {
    $_SESSION['start_time'][$presentId] = time();
}
$end_time = time();

$timeDiff = $end_time - $_SESSION['start_time'][$pId];
?>

表单

<form>
    <input type="hidden" name="time_taken" id="quesId_<?php echo $v->id ?>"
           value="<?php echo $timeDiff ?>">
</form>

这显示了每一次页面刷新所用的时间(秒)；

<div class="well timer"><i class=" icon-time"></i> <span
        class="response-time"><?php echo $timeDiff ?> </span>
</div>

脚本

<script>
    $(document).ready(function () {

        //setTimeout(timeUpdate(), 1000);
        function timeUpdate() {
            var time = $("#quesId_<?php echo $pId ?>").val();
            //alert(time);
            console.log(time);
            $('.response-time').text(time);
            setTimeout(timeUpdate(), 1000);
        }

        timeUpdate();


    });
</script>

Answer 1

谢谢@charlietfl

错误是在函数中声明变量，该变量必须在函数之外，而计时器必须在每次调用中递增；

 var time = $("#quesId_<?php echo $pId ?>").val();
            function timeUpdate() {
                //alert(time);
                console.log(time);
                time++;
                $('.response-time').text(time);
                setTimeout(timeUpdate, 1000);
            }

            timeUpdate();