How to make timer in JavaScript?

Question

I want reverse timer for session time out. I got one code on codepen. This code is clockwise timer , I tried to make it anti-clock wise , I am failed. Please suggest me. I want to make 1 hour or 59min 59sec time out. Please help me Here is the codepen demo.

if((intervalCounter%1000)==0){
                currentTime += 1000;
                var appendHour = currentTime / (1000 * 60 * 60) | 0; 
                var appendMinute = currentTime % (1000 * 60 * 60) / (1000 * 60) | 0;
                var appendSecond = currentTime  % (1000 * 60) / 1000 | 0;

                appendHour = appendHour < 10 ? "0" + appendHour : appendHour;
                appendMinute = appendMinute < 10 ? "0" + appendMinute : appendMinute;
                appendSecond = appendSecond < 10 ? "0" + appendSecond : appendSecond;
                hour.html(appendHour);
                min.html(appendMinute);
                sec.html(appendSecond);

                }

Google the setInterval() and setTimeout() functions.

Spudley
– Spudley

2019-06-20 09:37:40 +00:00
Commented Jun 20, 2019 at 9:37 — Spudley
– Spudley, Commented Jun 20, 2019 at 9:37
refer this stackoverflow.com/questions/26802817/…

Har devgun
– Har devgun

2019-06-20 09:50:12 +00:00
Commented Jun 20, 2019 at 9:50 — Har devgun
– Har devgun, Commented Jun 20, 2019 at 9:50

Shivani Sonagara · Accepted Answer · 2019-06-20 09:36:12Z

2

This code is work for anti-clockwise direction.I hope you get some idea from below example.

// Set the date we're counting down to
var countDownDate = new Date("July 5, 2019 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);
    
  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="demo"></p>

answered Jun 20, 2019 at 9:36

Shivani Sonagara

1,3079 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

Shivani Sonagara Over a year ago

You can check on this. codepen.io/shivani30594/pen/ZdLGjo. let me know it works for you or not.

Every Thing Over a year ago

If I want make it for 1 hour or 59min : 59sec

Every Thing Over a year ago

yes working var countDownDate = new Date().getTime() + (3600000);

Every Thing Over a year ago

tq ma'am ,u help me a lot

Shivani Sonagara Over a year ago

Yes almost. From the last 10 days, I have started working on it and i like to do it. So, I want to continue the same everyday. :)

|

Collectives™ on Stack Overflow

How to make timer in JavaScript?

1 Answer 1

11 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related