Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript]jquery countdown odliczany co 5 sekund
Forum PHP.pl > Forum > Przedszkole
northwest
Witam serdecznie,
Próbuję zrobić skrypt w jquery który będzie się wykonywał cały czas:
1. Odliczamy od 5 sekund do 0 czas (chodzi na okrągło)
- wysyłamy posta do skryptu PHP dane.php
- odbieramy wynik POST'a i wyświetlamy w alercie
2. resetujemy licznik i odliczamy ponownie 5 sekund

Mam taki kod:
Kod
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.js"></script>
<script type="text/javascript">
    $(function () {
        var liftoffTime = new Date();
        liftoffTime.setDate(liftoffTime.getDate() + 5);
        $('#defaultCountdown1').countdown({until: liftoffTime, format: 'HMS', nTick: everyFive, tickInterval: 5});
        function everyFive(periods) {
            var a = $.post('plik.txt', {}, success:  function(data){ $(this).html(data);});  
            alert('a');
        }
    });
</script>
<div id="defaultCountdown1"></div>


niestety ten skrypt ani nie odlicza, ani nie wyświetla alertu.... sad.gif

Czy mógłbym prosić o pomoc z poskładaniem tego skryptu?

Z góry dziękuje za pomoc,
Northwest
Sebek87
Rozumiem, że funkcja everyFive ma być wywoływana co 5 sekund?

Można użyć prostego timerka wykorzystującego funkcję setTimeout.

Przykład:

  1. var seconds = 5;
  2.  
  3. function timer()
  4.  
  5. {
  6.  
  7. seconds--;
  8.  
  9. setTimeout('timer()',1000);
  10.  
  11. if(seconds === 0)
  12.  
  13. {
  14.  
  15. seconds = 5;
  16.  
  17. everyFive();
  18.  
  19. }
  20.  
  21. }
northwest
tzn. to ma się wykonywać co 5 sekund.... następnie wysłać POST'a do PHP i odczytać to co wysłał w alercie.... smile.gif

Sebek87
No to napisałem Ci rowiązanie wyżej. Jeśli if(seconds === 0) wykonujesz swoją funkcję, odliczasz od nowa 5 sekund i tak w koło Macieju.
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-2025 Invision Power Services, Inc.