<form method="post" action="" onsubmit="event.preventDefault();"> <input type="text" id="set_time2" name="set_time2" /> <input type="text" id="set_time" name="set_time"/>
<input type="submit" id="submit"/>
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