Cześć. Jak w/w temacie. Zbudowałem stronkę do wydarzeń w moim mieście no i chciałem umieścić na niej odliczanie czasu do kilku wydarzeń. Do jednego wydarzenia to nie problem, masa jest tego w necie problem pojawią się jeśli chcę mieć ich kilka, bezsensu byłoby kopiowanie kodu tak więc próbowałem coś pokombinować wyszło mi coś takiego i za nic nie umiem dojść gdzie co namotałem, o czym zapomniałem że to nie działa, moglibyście spojrzeć i na nieść ewentualnie w miarę wolnego czasu i chęci poprawki? Z góry dziękuję.
timer.js
$('[data-countdown]').each(function() { "use strict" ;
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
$(".days").text(event.strftime("%-d"));
$(".hours").text(event.strftime("%H"));
$(".minutes").text(event.strftime("%M"));
$(".seconds").text(event.strftime("%S"));
});
});
HTML
<script src="jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/Timer.js"></script>
</head>
<body>
<div data-countdown="2019/01/01 20:00:00">
<div class="days" data-countdown="2019/01/01 20:00:00""><span>dni</span></div>
<div class="hours"><span>godzin</span></div>
<div class="minutes"><span>minut</span></div>
<div class="seconds"><span>sekund</span></div>
</div>
</body>