Forum PHP.pl > [JavaScript][jquery] Sprawdzene czy licznik chodzi

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][jquery] Sprawdzene czy licznik chodzi

arzach

7.09.2011, 12:43:10

Witam napisałem taki kod

[JAVASCRIPT] pobierz, plaintext 
<html>
    <head>
        <title>jquery</title>
        <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#start").click(function(){
      var intervalHandler=setInterval(stoper,1000);
    });
 
    $("#stop").click(function(){
      clearInterval(intervalHandler);
    });
 
    if(intervalHandler){
      $("#wynik").html('Licznik działa');
    } else {
      $("#wynik").html('Licznik nie działa');
    }  
});
 
var ile=0;
function stoper()
{
  minut =Math.floor(ile/60)%90;
  sekund =ile%60;
  $("#stoper").html(minut+' minuta '+sekund+' sekund');
  ile++;
}
</script>
    </head>
    <body>
<a href='#' id='start'>START</a> <a href='#' id='stop'>STOP</a>    
<div id='stoper'>0 minuta 0 sekund</div>
<div id='wynik'></div>
    </body>
</html>
[JAVASCRIPT] pobierz, plaintext

I stoper ładnie działa ale jak kliknę 2 razy na start to liczniki chodzi 2 razy szybciej proszę o pomoc jak to poprawić.

Oraz nie mam pojęcia czemu jak kliknę na STOP to licznik się nie zatrzymuje a powinien

I drugie pytanie jak sprawdzić czy licznik chodzi ? chodzi mi o ten kod

[JAVASCRIPT] pobierz, plaintext 
    if(intervalHandler){
      $("#wynik").html('Licznik działa');
    } else {
      $("#wynik").html('Licznik nie działa');
    }
[JAVASCRIPT] pobierz, plaintext

Potrzebne mi to bo zmienną ile chce wysłać za pomocą ajax gdy kliknę w link dodaj to pliku ale wtedy kiedy licznik działa jak nie to wstawić wartość 0

Vhaeraun

7.09.2011, 13:01:34

Co do pierwszego pytania, to bym to zrobił tak, że kliknięcie w "start" ustala wartość jakiejś jakiejś zmiennej na true.
I jeśli ta zmienna ma wartość true, to wtedy uruchom stoper (niech funkcja stoper sprawdza na początku, jaka jest wartość tej zmiennej). Kolejne kliknięcie nic nie zmieni, bo przecież zmienna nie zmieni wartości, więc powinno działać.
Tak samo po naciśnięciu "stop", niech wartość zmiennej zmienia się na false.

johny_s

7.09.2011, 13:03:41

ad. 1
zdefiniuj sobie intervalHandler wtedy bedzie zmienna globalna i stop zadziala.
dodaj blokowanie przycisku start to Ci licznik nie bedzie przyspieszal (nie bedzie odpalania rownoleglej petli)

ad. 2
kod jest ok tylko ze jest wywolywany tylko raz przy starcie skryptu wrzuc sobie do jakiejs petli lub odpalaj jakim timerem

arzach

7.09.2011, 13:40:03

Dziękuje zrobiłem tak i działa ale dalej licznik chodzi szybciej jak kliknę 2 raz i nie wiem jak to zrobić by zablokować ? proszę o pomoc.

[JAVASCRIPT] pobierz, plaintext 
<html>
    <head>
        <title>jquery</title>
        <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
 
    var interval;   
    function startInterval(){    
      interval = setInterval(stoper,1000);
    }
 
    $("#stop").click(function(){
      clearInterval(interval);
    });
 
    $("#start").click(function(){
      startInterval();
    });
 
});
 
var ile=0;
 
function stoper()
{
  minut =Math.floor(ile/60)%130;
  sekund =ile%60;
  $("#stoper").html(minut+' minuta '+sekund+' sekund');
  ile++;
}
 
 
</script>
 
 
 
    </head>
    <body>
 
<a href='#' id='start'>START</a> <a href='#' id='stop'>STOP</a> <a href='#' id='dodaj'>DODAJ</a>      
<div id='stoper'>0 minuta 0 sekund</div>
 
 
    </body>
</html>
[JAVASCRIPT] pobierz, plaintext

johny_s

7.09.2011, 14:02:33

[HTML] pobierz, plaintext 
<script type="text/javascript">
  $(document).ready(function(){
 
    var interval;   
    var isCounter = false;
    function startInterval(){    
         if(!isCounter) {
           interval = setInterval(stoper,1000);
           isCounter = true;
        }
    }
 
    $("#stop").click(function(){
      clearInterval(interval);
      isCounter = false;
    });
 
    $("#start").click(function(){
      startInterval();
    });
 
});
 
var ile=0;
 
function stoper()
{
  minut =Math.floor(ile/60)%130;
  sekund =ile%60;
  $("#stoper").html(minut+' minuta '+sekund+' sekund');
  ile++;
}
 
 
</script>
[HTML] pobierz, plaintext

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.