forum

Home / DeveloperSection / Forums / countdown in Javascript

Ask Question
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Prakash nidhi Verma

Prakash nidhi Verma

12-Jul-2018

How To Create A Countdown Timer Using JavaScript :

answer 532681207034145

Basics of a countdown timer are : 

-Set a valid end date

-Calculate the time remaining

-Convert the time to a usable format

-Output the clock data as a reusable object

-Display the clock on the page, and stop the clock when it reaches zero

Set a Valid End Date : 

var deadline = new Date("12 july, 2018, 15:55:28").getTime(); 

Calculate Remaining Time : 

answer 532681207034145

Output the result: 

 answer 532681207034145

Write some text if the countdown is over: 

answer 532681207034145

<!DOCTYPE HTML>

<html>

<head>

<style>

p {

  text-align: center;

  font-size: 60px;

}

</style>

</head>

<body>

<p id="demo"></p>

<script>

var deadline = new Date("July 12, 2018 15:37:25").getTime();

var x = setInterval(function() {

var now = new Date().getTime();

var t = deadline - now;

var days = Math.floor(t / (1000 * 60 * 60 * 24));

var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));

var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));

var seconds = Math.floor((t % (1000 * 60)) / 1000);

document.getElementById("demo").innerHTML = days + "d " 

+ hours + "h " + minutes + "m " + seconds + "s ";

    if (t < 0) {

        clearInterval(x);

        document.getElementById("demo").innerHTML = "EXPIRED";

    }

}, 1000);

</script>

Liked By