javascript - 使用翻转时钟制作实时计时器

Question

我想使用翻转时钟制作实时计时器。我有代码，但不能正常工作。在计时器中，当开始按钮单击计时器将在 chrome 的所有选项卡中启动（实时），当停止按钮单击计时器将在所有选项卡中停止。在页面刷新中，如果计时器已经启动则启动，如果停止则停止。

代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
<script>
    var socket = io.connect('//' + location.host + ':7878');
    // var autostart;
    var clock;
    $(document).ready(function() {
        clock = $('.clock').FlipClock(localStorage.getItem("timer") ? localStorage.getItem("timer") : 0, {
            clockFaceOptions:  {
                autoStart: false
            },
            onStart: function() {
                // autostart = true;
                socket.emit('socket_timer', clock.getFaceValue());
            },
            onStop: function() {
                // autostart = false;
            },
            onInterval: function () {
                console.log(clock.getFaceValue());
                localStorage.setItem("timer", clock.getFaceValue());
                // socket.emit('socket_timer', clock.getFaceValue());
            }
        });
        socket.on('server_socket_timer',function(data) {
            clock.setFaceValue(data);
            clock.start();
        });
        socket.on('server_clock_stop', function () {
            clock.stop();
        });
        $('#start').click(function () {
            clock.start();               
        });
        $('#end').click(function () {
            clock.stop();
            socket.emit('clock_stop');
        });
    });
</script>

请帮我。提前致谢！