Question

我有点卡在这个上，并没有找到任何适合我到目前为止所做的事情。基本上我想要做的是允许用户在HTML表单中输入一个秒的时间，当按下按钮时将发送此输入，然后这将从他们输入的时间开始倒计时秒数。此时间需要在PHP中回显，以便用户可以看到倒计时的实时状态，当计时器达到0时，需要发送一条消息（可能是JS警报），说“倒数计时器已完成”。

Answer 1

好的！所以你在这里混淆背景数据和客户端数据，这种交互式动作只在客户端通过JS执行，php处理背景，这意味着php在页面显示给用户之前做了些事情。所以底线是，只用javascript做

Answer 2

未经测试，但你应该可以做这样的事情......

<?php
if (isset($_POST['submit'])){
    $time = $_POST['time'];
    ?>
    <div id="countdown"></div>
    <script type="text/javascript">
        var iTime = <?php echo $time; ?>;
        function countdown()
        {                
            var i = setInterval(function(){
                document.getElementById("countdown").innerHTML = iTime;
                if(iTime==0){
                    alert('Countdown timer finished!');
                    clearInterval(i);
                } else {
                    iTime--;
                }                   
            },1000);                        
        }           
        countdown();
    </script>
    <?php
} else {
    ?>
    <form name="test" method="post">
        Enter time: <input type="text" name="time" />
        <input type="submit" name="submit" value="Submit" />
    </form>        
    <?php
}
 ?>

与PHP集成的JavaScript / Jquery倒计时计时器

2 个答案: