-
Notifications
You must be signed in to change notification settings - Fork 7.8k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #587 from learnerpk/patch-1
Create countdown.js
- Loading branch information
Showing
1 changed file
with
33 additions
and
0 deletions.
There are no files selected for viewing
33 changes: 33 additions & 0 deletions
33
Program's_Contributed_By_Contributors/JavaScript_Programs/countdown.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
<!-- Display the countdown timer in an element --> | ||
<p id="demo"></p> | ||
|
||
<script> | ||
// Set the date we're counting down to | ||
var countDownDate = new Date("Jan 5, 2022 15:37:25").getTime(); | ||
|
||
// Update the count down every 1 second | ||
var x = setInterval(function() { | ||
|
||
// Get today's date and time | ||
var now = new Date().getTime(); | ||
|
||
// Find the distance between now and the count down date | ||
var distance = countDownDate - now; | ||
|
||
// Time calculations for days, hours, minutes and seconds | ||
var days = Math.floor(distance / (1000 * 60 * 60 * 24)); | ||
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); | ||
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); | ||
var seconds = Math.floor((distance % (1000 * 60)) / 1000); | ||
|
||
// Display the result in the element with id="demo" | ||
document.getElementById("demo").innerHTML = days + "d " + hours + "h " | ||
+ minutes + "m " + seconds + "s "; | ||
|
||
// If the count down is finished, write some text | ||
if (distance < 0) { | ||
clearInterval(x); | ||
document.getElementById("demo").innerHTML = "EXPIRED"; | ||
} | ||
}, 1000); | ||
</script> |