/*setInterval(myTimer, 1000);*/

  let time = new Date();
  let roundTime = new Date();
  let roundCounter = 1;
  let sec = 1;
  let min = 0;
  let hour = 0;
  let secRound = 0;
  let minRound = 0;
  let hourRound = 0;
  let intervalValue = 1000;
  var startStopButtonStatus = 'wait';
  var resetRoundButtonStatus = 'reset';
  let start;

function startStopButton(){
	if ( startStopButtonStatus == 'wait'){
	    document.getElementById('startClickButton').style.display= 'none';
	    document.getElementById('stopClickButton').style.display= 'inline-block';
		startStopButtonStatus = 'run';
		
	    document.getElementById('resetClickButton').style.display= 'none';
	    document.getElementById('roundClickButton').style.display= 'inline-block';
		resetRoundButtonStatus = 'round';
				
		document.getElementById('setIntervallButton').className = 'clickButton bgDeaktiv';
		
		start = setInterval(myTimer, intervalValue);
	}
	else{
	    document.getElementById('startClickButton').style.display= 'inline-block';
	    document.getElementById('stopClickButton').style.display= 'none';
		startStopButtonStatus = 'wait';
		
	    document.getElementById('resetClickButton').style.display= 'inline-block';
	    document.getElementById('roundClickButton').style.display= 'none';
		resetRoundButtonStatus = 'reset';
		
		clearInterval(start);
	}
}

function setIntervallButton(){
	if ( resetRoundButtonStatus == 'reset' && hour == 0 && min == 0 && sec == 1){
		if ( intervalValue == 1000){
			intervalValue = 10;
			document.getElementById("timerMarker").innerHTML = "Minutes : Seconds : Milliseconds";
		}else{
			intervalValue = 1000;
			document.getElementById("timerMarker").innerHTML = "Hour : Minutes : Seconds";
		}
	}	
}

function resetRoundButton(){
	if ( resetRoundButtonStatus == 'reset'){
		clearTim();
		
		document.getElementById('setIntervallButton').className = 'clickButton bgSet';
	}
	else{
		document.getElementById('roundTimeHistory').style.display= 'Block';
		roundWrite();
		roundCounter++;
		/*roundWrite();*/
	}
}
  
  function writeTim(){
   time.setHours(hour);
   time.setMinutes(min);
   time.setSeconds(sec);
   document.getElementById("timer").innerHTML = time.toLocaleTimeString('de-DE');/*toISOString().substr(11, 12); /*toLocaleTimeString()*/
  }
  
  function clearTim(){
	sec = 0;
	min = 0;
	hour = 0;
	secRound = 0;
	minRound = 0;
	hourRound = 0;
	writeTim(); 
	sec = 1;
	roundCounter = 1;
	
	document.getElementById('roundTimeHistory').style.display= 'none';
	var element = document.getElementById('liste');
	while (element.firstChild) {
		element.removeChild(element.firstChild);
	}
}
   
  function roundWrite(){
	roundTime.setHours(hourRound);
	roundTime.setMinutes(minRound);
	roundTime.setSeconds(secRound);

	let frag = document.createDocumentFragment();
	let row = frag.appendChild(document.createElement('tr'));
	let col1 = row.appendChild(document.createElement('td'));
	let col2 = row.appendChild(document.createElement('td'));
	let col3 = row.appendChild(document.createElement('td'));
	col1.innerHTML = roundCounter;
	col2.innerHTML = roundTime.toLocaleTimeString('de-DE');
	col3.innerHTML = time.toLocaleTimeString('de-DE');
	document.querySelector('#liste').appendChild(frag);
	
	secRound = 0; minRound = 0; hourRound = 0;
  }
  

function myTimer() {
/*-----MAIN-TIMER-----*/
 writeTim();
  if (sec < 60)
   sec++;
  else {
   sec = 0;
  if (min < 60)
   min++;
  else {
   min = 0;
   if (hour < 12)
    hour++;
   else
    hour = 0;
  }
 }
 /*-----ROUND-TIMER-----*/
   if (secRound < 60)
   secRound++;
  else {
   secRound = 0;
  if (minRound < 60)
   minRound++;
  else {
   minRound = 0;
   if (hourRound < 12)
    hourRound++;
   else
    hourRound = 0;
  }
 }
}