Несколько счётчиков на одной странице
<link rel="stylesheet" href="/pubs/js/flipclock/compiled/flipclock.css"> <script src="/pubs/js/flipclock/src/flipclock/js/libs/jquery.min.js"></script> <script src="/pubs/js/flipclock/compiled/flipclock.min.js"></script> <div class="clock-1" style="margin-top:2em;"></div> <div class="clock-2" style="margin-top:2em;"></div> <div class="message"></div> <script type="text/javascript"> var clock1, clock2; $(document).ready(function() { clock1 = $('.clock-1').FlipClock({ clockFace: 'MinuteCounter', language:'ru-ru' }); clock2 = $('.clock-2').FlipClock({ clockFace: 'MinuteCounter', language:'ru-ru' }); /*clock2 = $('.clock-2').FlipClock({ clockFace: 'HourlyCounter' });*/<?$time = 40*rand(1, 60);?> clock1.setTime(<?=$time;?>); clock1.setCountdown(true); clock1.loadLanguage("ru"); clock1.start(); clock2.setTime(<?=$time;?>); clock2.setCountdown(true); clock2.loadLanguage("ru"); clock2.start(); }); </script>
This post was last modified on 06.12.2017 10:35