Question

我正在使用以下Jquery flip timer。我正在使用它作为倒计时版本。我的代码是

var clock;

$(document).ready(function() {
    var clock;

    clock = $('.clock').FlipClock(<?php echo $total_time;  ?>, {
        clockFace: 'MinuteCounter',
        countdown: true,
        callbacks: {
            stop: function() {
                $('.message').html('The clock has stopped!')
            }
        }
    });

});

我在几分钟内就能获得充满活力的时间。问题是每当我刷新页面时计数器重置。如何保存计数器的值，以便它可以从页面刷新之前的位置恢复？

Answer 1

Barmar说的是正确的，你应该使用localStorage []变量。但是，如果由于某种原因需要将其保存到$ _SESSION，则应使用ajax。像这样：

$.get('savetimer.php?timer=' + timer);

与所有客户端代码一样，这可以由用户操作。

Answer 2

我制作了这段代码，它的工作方式与我想要的完全一样，感谢@Ezekiel的帮助。

        var clock;

        $(document).ready(function() {
            var clock;

            clock = $('.clock').FlipClock(<?php echo $final_time;  ?>, {
                clockFace: 'MinuteCounter',
                countdown: true,
                callbacks: {
                    start: function() {
                        setInterval(function(){
                        var time  = clock.getTime();
                        //alert(time);
                            imStillAlive(time);
                        }, 2000);
                    },              
                    stop: function() {
                        $('.message').html('The clock has stopped!')
                    }
                }
            });

        });


function imStillAlive(time) { 

     $.post('modules/view_test/ajax.php?timer='+time,
     function(data){
        //alert("updated");
     });//post
}

在php会话中保存jquery倒计时器的值

2 个答案: