Skip to content

Instantly share code, notes, and snippets.

@nassif7

nassif7/timer.html

Last active December 10, 2017 13:46
Show Gist options
  • Save nassif7/3245c7dae0adbd4e5ac52a8b11acd86e to your computer and use it in GitHub Desktop.
Save nassif7/3245c7dae0adbd4e5ac52a8b11acd86e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment