Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Szukam _ Countdown -odliczanie start/stop

Napisany przez: someone007 11.09.2017, 19:01:54

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?

Napisany przez: Neutral 16.09.2017, 14:07:49

  1. <http://december.com/html/4/element/form.html method="post" action="" onsubmit="event.preventDefault();">
  2. <http://december.com/html/4/element/input.html type="text" id="set_time2" name="set_time2" />
  3. <http://december.com/html/4/element/input.html type="text" id="set_time" name="set_time"/>
  4.  
  5. <http://december.com/html/4/element/input.html type="submit" id="submit"/>
  6.  
  7. </http://december.com/html/4/element/form.html>
  8.  
  9. <http://december.com/html/4/element/span.html id="clock3"></http://december.com/html/4/element/span.html>
  10. <http://december.com/html/4/element/span.html id="clock2"></http://december.com/html/4/element/span.html>
  11. <http://december.com/html/4/element/span.html id="clock"></http://december.com/html/4/element/span.html>
  12.  
  13. <http://december.com/html/4/element/div.html id="kliknij1">XXX</http://december.com/html/4/element/div.html>
  14. <http://december.com/html/4/element/div.html id="kliknij2">YYY</http://december.com/html/4/element/div.html>
  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

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