Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Countdown -odliczanie start/stop
Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam
someone007
Cześć,
szukam jakiegoś skryptu do rozwiązania mojego problemu.
Mam zadania, na każde zakładam jakąś ilość czasu np zadanie x=6h
y=2h
z=15min itd.

Chciałbym, żeby te zadania były wylisotwane jedno pod drugim i przy każdym przycisk start i stop
które powodowałyby uruchomienie lub zatrzymanie zegara.
Całość musiałby się gdzieś zapisywać np. w pliku tekstowym bo będę miał pewnie problem żeby poradzić sobie z bazą.

Chodzi mi o najprostszy z możliwych sposób śledzenia postępów w poszczególnych zadaniach,
wszystko gotowe co znajduje jest zbyt rozbudowane.

Mógłby ktoś wspomóc?
Neutral
  1. <form method="post" action="" onsubmit="event.preventDefault();">
  2. <input type="text" id="set_time2" name="set_time2" />
  3. <input type="text" id="set_time" name="set_time"/>
  4.  
  5. <input type="submit" id="submit"/>
  6.  
  7. </form>
  8.  
  9. <span id="clock3"></span>
  10. <span id="clock2"></span>
  11. <span id="clock"></span>
  12.  
  13. <div id="kliknij1">XXX</div>
  14. <div id="kliknij2">YYY</div>
  15.  


Kod
var clock = document.getElementById("clock");
var clock2 = document.getElementById("clock2");
var clock3 = document.getElementById("clock3");
var kliknij1 = document.getElementById("kliknij1");
var kliknij2 = document.getElementById("kliknij2");
var set_time = document.getElementById('set_time');
var set_time2 = document.getElementById('set_time2');

var timer=0;
var counter=0;
var counter2=0;

function func(){
    
var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,2
9,30
,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,5
7,58,59];

if(counter2==set_time2.value && counter==set_time.value){
    console.log('stopped!');
}else{

    if(timer==59){
        timer=0;
        counter++;
        
        if(counter==59){
            counter=0;
        }
        
        
        if(counter == 58){
            counter2++;
            clock3.innerHTML = counter2;
        }else{
        
            clock2.innerHTML =  (counter+':');// jj
        }
    }
        clock.innerHTML = (arr[timer]);
        timer++;
    
    }
}
var small_counter = 0;
var inter = null;
function play(){
    
     if(small_counter==1){
         console.log('not click');
        
         null;
     }else{
        small_counter++;
        inter = setInterval(func,0);
     }
}


function stopped(){
    clearInterval(inter);
    inter=null;
    if(small_counter==1){
        small_counter--;
    }else{
        null;
    }
    
}

kliknij1.addEventListener('click',stopped,false);
kliknij2.addEventListener('click',play,false);
//document.getElementById('submit').addEventListener('click',sss,false);

// posiłkowałem się nieco tym:
// https://stackoverflow.com/questions/29929477/js-pause-play-in-setinterval
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.