Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Countdown -odliczanie start/stop
someone007
post 11.09.2017, 19:01:54
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 19.01.2005

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
Neutral
post 16.09.2017, 14:07:49
Post #2





Grupa: Zarejestrowani
Postów: 286
Pomógł: 46
Dołączył: 10.01.2016

Ostrzeżenie: (0%)
-----


  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


Ten post edytował Neutral 16.09.2017, 14:08:30
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 22:20