Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Skrypty forum _ Odliczanie na stronie - Daily Counter - FlipClock.js

Napisany przez: czysteh2o 9.07.2015, 14:30:34

Witam wszystkich serdecznie,

Mam nadzieję, że problem jest banalny ponieważ jestem kompletnie zielony w JavaSkrypcie albo wręcz niewykonalny bo mylę się od pocz±tku ;(
Przechodzę do rzeczy. Chciałem na stronie www umie¶cić jaki¶ fajny zegar (w formie odliczania dni godzin i minut do końca pewnego zdarzenia.

Znalazłem na stronie http://flipclockjs.com/ ciekawy w stylu takiego "peronowego zegara" ;-)

Osoba obeznana technicznie osadziła to na stronie i obecnie nie mam z ni± kontaktu a niestety jest pewien problem. [Daily Counter]
Ustawiłem czas na 7 dni odliczania... działa to fajnie tylko że za KAŻDYM razem po od¶wieżeniu strony odlicza te 7 dni od POCZˇTKU.
Niestety zamysł był taki, że licznik powinien odliczać dni do zdarzenia a nie resetować odliczany czas...;-(
Czy można to w jaki¶ sposób zablokować ?

Byłbym bardzo wdzięczny za zasugerowanie rozwi±zania od osób bardziej obeznanych w programowaniu.

=========================

Kod
<script type="text/javascript">
        var clock;
        
        $(document).ready(function() {
            var clock;

            clock = $('.clock').FlipClock({
                clockFace: 'DailyCounter',
                autoStart: false,
                callbacks: {
                    stop: function() {
                        $('.message').html('The clock has stopped!')
                    }
                }
            });
                    
            clock.setTime(604800);
            clock.setCountdown(true);
            clock.start();

        });
</script>

Napisany przez: viking 9.07.2015, 14:48:13

setTime() zawiera zapisany na sztywno czas 7 dni. Musisz w jaki¶ sposób pobierać czas do końca wydarzenia i tam ustawiać.

Napisany przez: kafowi 9.07.2015, 14:52:15

Cytat(viking @ 9.07.2015, 15:48:13 ) *
setTime() zawiera zapisany na sztywno czas 7 dni. Musisz w jaki¶ sposób pobierać czas do końca wydarzenia i tam ustawiać.

W dokumentacji biblioteki jest nawet przykład w examples
- countdown-to-new-years.html .

Napisany przez: SUICIDE 1.10.2016, 13:15:16

Witam.

Jako że jestem zielony w javascripcie to muszę zadać pytanie tutaj. smile.gif

W bazie danych posiadam listę użytkowników "users" z kolumn± "time"
struktura tabeli users:
-id
-steamid (każdy user ma swój indywidualny numer)
-time
-name
-avatar

Po naci¶nięciu przycisku na stronie wprowadzana jest tam data wraz z czasem
typ kolumny time : timestamp

Chcę aby w podstronie jego profilu odliczało 24 godziny od tego czasu wprowadzonego do bazy.(oczywi¶cie chcę aby timer był widoczny i zmieniał się bez od¶wieżania)
A po zakończeniu odliczania pokazało przycisk, a timer żeby znikn±ł.


U mnie logowanie na stronie jest po przez steam - steamcommunity



Napisany przez: Star 1.10.2016, 18:49:51

sekundy musisz ustalic na podstawie tego co pobierzesz z bazy danych

https://jsfiddle.net/fgp77uwe/

Napisany przez: SUICIDE 1.10.2016, 21:58:00

Tylko że tutaj masz w zmiennej ilo¶ć sekund od których ma odliczać ;]

w bazie danych mam datę ostatniego kliknięcia w formacie timestamp rrrr-mm-dd hh:mm:ss

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)