Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Odliczanie na stronie - Daily Counter - FlipClock.js
Forum PHP.pl > Forum > Gotowe rozwiązania > Skrypty forum
czysteh2o
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>
viking
setTime() zawiera zapisany na sztywno czas 7 dni. Musisz w jakiś sposób pobierać czas do końca wydarzenia i tam ustawiać.
kafowi
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 .
SUICIDE
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


Star
sekundy musisz ustalic na podstawie tego co pobierzesz z bazy danych

https://jsfiddle.net/fgp77uwe/
SUICIDE
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.