Untitled

<!DOCTYPE HTML>
<html>
<head>
	<title>Chess Timer></title>
<script>
var clear1,clear2,timer1,timer2,minutes1,second1,minutes2,seconds2;
var player1 = true, player2 = false, active;

function changePlayer()
{
	if(player1)
		{
			player1 = false;
			player2 = true;
		}
		else
		{
			player1 = true;
			player2 = false;
		}
}
function pausepress()
{
		if(document.getElementById('sub').value === 'off')
		{
			document.getElementById('switch').disabled = false;
			countdown(document.getElementById('c1').value,document.getElementById('c2').value);
		}
		else
		{
			if(document.getElementById('sub').innerHTML === 'Pause')
			{
				pauseTimer();
			}
			else if (document.getElementById('sub').innerHTML === 'Resume')
			{
				if(active === 'player1')
					player1 = true;
				else
					player2 = true;
				document.getElementById('sub').innerHTML = 'Pause';
			}
		}
}
function countdown(duration1,duration2)
{
	document.getElementById('sub').innerHTML = 'Pause';
	document.getElementById('sub').value = "on";
	timer1 = duration1,timer2=duration2;
	displayTimer(timer1--,'clock1');
	displayTimer(timer2--,'clock2');
	clear1 = setInterval(function()
	{
		if(player1)
		{
			displayTimer(timer1,'clock1');
			timer1--;
			if(timer1 === -1)
				clearInterval(clear1);
		}
		if(player2)
		{
			displayTimer(timer2,'clock2');
			timer2--;
			if(timer2 === -1)
				clearInterval(clear1);
		}
	},1000);
}
function resetTimer()
{
	clearInterval(clear1);
	player1 = true;
	player2 = false;
	document.getElementById('sub').value = 'off';
	document.getElementById('sub').innerHTML = 'Start';
	document.getElementById('c1').value = "0";
	document.getElementById('c2').value = "0";
	document.getElementById('clock1').innerHTML = "00:00";
	document.getElementById('clock2').innerHTML = "00:00";

}
function pauseTimer()
{
	document.getElementById('sub').innerHTML = 'Resume';
	if(player1)
	{
		active = 'player1';
	}
	else
	{
		active = 'player2'
	}
	player1 = false;
	player2 = false;
}
function displayTimer(time,clock)
{

	minutes = parseInt(time / 60,10);
	seconds = parseInt(time % 60,10);
	if(minutes < 10)
		minutes = "0" + minutes;
	if(seconds < 10)
		seconds = "0" + seconds;
	document.getElementById(clock).innerHTML = minutes + ":" + seconds;

}
</script>
</head>
<body>
<h1>Chess Timer</h1>
<p id = "clock1">00:00 </p>
<p id = "clock2">00:00</p>
<input type = "number" name = "time1" id = "c1" value= "0"><br>
<input type = "number" name = "time2" id = "c2" value= "0"><br>

<button type = "button" id = "sub"  value = "off" onclick = "pausepress()">
Start</button>
<button type = "button" disabled id = "switch" value = "off" onclick = "changePlayer()">
Switch</button>
<button type = "reset" onclick = "resetTimer()" >
Reset</button>


</body>
</html>