сделать таймер в реальном времени, используя флип-часы - PullRequest
Новая
       28

сделать таймер в реальном времени, используя флип-часы

0 голосов
/ 26 мая 2018

Я хочу сделать таймер реального времени, используя флип-часы.У меня есть код для этого, но не работает должным образом.В Таймере при нажатии кнопки запуска таймер будет запущен во всех вкладках 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>

Пожалуйста, помогите мне.Заранее спасибо!

...