nassif7/timer.html

## timer.html
<!DOCTYPE html>
<html>
  <head>
    <title>me</title>
  </head>
  <body>
    <button id="5" onclick="setInterval(counter, 1000, 5)">5</button>
    <button id="15" onclick="setInterval(counter, 1000, 15)">15</button>
    <button id="30" onclick="setInterval(counter, 1000, 30)">30</button>
    <h3>Current Time</h3>
    <p id="now"></p>
    <h3>Your time will end at</h3>
    <p id="endTime"></p>
    <h3>You still have</h3>
    <p id="counter"></p>
    <script>
      var currentTime = new Date();
      function displayCurrentTime() {
        var currentTime = new Date();
        var hours = currentTime.getHours();
        var minutes = currentTime.getMinutes();
        var seconds = currentTime.getSeconds();
        var display = document.getElementById('now');
        display.innerHTML = (hours + '.' + minutes + '.' + seconds);
        return(new Date().getTime());
      }

      setInterval(displayCurrentTime, 1000);

      function endTime(m) {
        var display = document.getElementById('endTime');
        var endingTime = new Date(currentTime.getTime() + (m * 60 * 1000));
        var hours = endingTime.getHours();
        var minutes = endingTime.getMinutes();
        var seconds = endingTime.getSeconds();
        display.innerHTML = (hours + '.' + minutes + '.' + seconds);
        return endingTime.getTime();
      }

      function counter(m) {
        var display = document.getElementById('counter');
        var countingTime = endTime(m) - displayCurrentTime();
        var days = Math.floor(countingTime / (1000 * 60 * 60 * 24));
        var hours = Math.floor((countingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((countingTime % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((countingTime % (1000 * 60)) / 1000);
        return (display.innerHTML = (hours + '.' + minutes + '.' + seconds));
              }
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>me</title>
	</head>
	<body>
	<button id="5" onclick="setInterval(counter, 1000, 5)">5</button>
	<button id="15" onclick="setInterval(counter, 1000, 15)">15</button>
	<button id="30" onclick="setInterval(counter, 1000, 30)">30</button>
	<h3>Current Time</h3>
	<p id="now"></p>
	<h3>Your time will end at</h3>
	<p id="endTime"></p>
	<h3>You still have</h3>
	<p id="counter"></p>
	<script>
	var currentTime = new Date();
	function displayCurrentTime() {
	var currentTime = new Date();
	var hours = currentTime.getHours();
	var minutes = currentTime.getMinutes();
	var seconds = currentTime.getSeconds();
	var display = document.getElementById('now');
	display.innerHTML = (hours + '.' + minutes + '.' + seconds);
	return(new Date().getTime());
	}

	setInterval(displayCurrentTime, 1000);

	function endTime(m) {
	var display = document.getElementById('endTime');
	var endingTime = new Date(currentTime.getTime() + (m * 60 * 1000));
	var hours = endingTime.getHours();
	var minutes = endingTime.getMinutes();
	var seconds = endingTime.getSeconds();
	display.innerHTML = (hours + '.' + minutes + '.' + seconds);
	return endingTime.getTime();
	}

	function counter(m) {
	var display = document.getElementById('counter');
	var countingTime = endTime(m) - displayCurrentTime();
	var days = Math.floor(countingTime / (1000 * 60 * 60 * 24));
	var hours = Math.floor((countingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
	var minutes = Math.floor((countingTime % (1000 * 60 * 60)) / (1000 * 60));
	var seconds = Math.floor((countingTime % (1000 * 60)) / 1000);
	return (display.innerHTML = (hours + '.' + minutes + '.' + seconds));
	}
	</script>
	</body>
	</html>