Countdown timer in javascript using setTimeout

Question

i'm creating a countdown timer using jquery, i refered to a few example here and came out with the following codes. The problem is the time doesn't show, and i can't figure out what is wrong. Been stuck for almost 2 hours..

back code

    var day = 1;                        //countdown time
    var start = player.LastActive;      // Use UtcNow instead of Now
    var endTime = start.AddDays(day);   //endTime is a member, not a local variable
    Timespan remainingTime = endTime - DateTime.UtcNow;

my javascript

var endTime = '<%= remainingTime%>';
var startTime = '<%= DateTime.UtcNow %>'

$(document).load(function () {
        countDown(endTime);
    });

    function countDown(endTime) {
        if (endTime > 0) {
            var d = document.getElementById("countDiv");
            d.innerHTML = endTime;
            setTimeout(function () { countDown(endTime - 1); }, 1000);
        }
    }

my html

<div id="countDiv" style="float:left;margin-top: 13px; margin-left:5px;"></div>

my goal is to show how long more, for a player to get his daily move : which is a day after the players lastactive time. Can someone enlighten me..thank u

Community · Accepted Answer · 2017-05-23 11:56:34Z

2

use $(window).load

or

$(document).ready

but not $(document).load

and as you seem to use jquery, you can do

$(document).ready(function () {
        countDown(endTime);
    });

    function countDown(endTime) {
        if (endTime > 0) {
            $('#countDiv').text(secondsToTime(endTime));
            setTimeout(function () { countDown(endTime - 1); }, 1000);
        }
    }
function secondsToTime(secs)
{
    var hours = Math.floor(secs / (60 * 60));

    var divisor_for_minutes = secs % (60 * 60);
    var minutes = Math.floor(divisor_for_minutes / 60);

    var divisor_for_seconds = divisor_for_minutes % 60;
    var seconds = Math.ceil(divisor_for_seconds);

    return hours +':' + minutes + ':' + seconds;
}

for seconds to time, it's coming from https://stackoverflow.com/a/6312999/961526 , you may take another version which you can find there.

see jsFiddle

edited May 23, 2017 at 11:56

CommunityBot

11 silver badge

answered Sep 13, 2013 at 11:38

Raphaël Althaus

60.6k6 gold badges106 silver badges127 bronze badges

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

3 Comments

Gopinath Koothaperumal Over a year ago

thanks for the reply but it's still the same after i followed yr method

Raphaël Althaus Over a year ago

@GopinathKoothaperumal well, maybe some problem with your endTime, because see : jsfiddle.net/rju6m/1

Gopinath Koothaperumal Over a year ago

yes, i solved it. did this var endTime = '<%= remainingTime.totalseconds%>'; one last question, how do i convert the totalseconds into 00:00:00 this format

Voonic · Accepted Answer · 2013-09-13 11:35:29Z

2

Since your endtime is string in your javascript code, convert it integer first

try this

$(document).ready(function () {
        countDown(parseInt(endTime));
    });

answered Sep 13, 2013 at 11:35

Voonic

4,7733 gold badges29 silver badges60 bronze badges

Comments

Andy · Accepted Answer · 2013-09-13 11:37:51Z

0

ready, not load.

$(document).ready(function () {
  countDown(endTime);
});

answered Sep 13, 2013 at 11:37

Andy

63.7k13 gold badges72 silver badges99 bronze badges

Comments

Markus_DE_HH · Accepted Answer · 2013-09-13 11:40:47Z

0

Or try this

  $(function() {
            countDown(endTime);
       });

 function countDown(parseInt(endTime)) {
        if (endTime > 0) {
            $('#countDiv').text(endTime);
            setTimeout(function () { countDown(endTime - 1); }, 1000);
        }
    }

answered Sep 13, 2013 at 11:40

Markus_DE_HH

1,0813 gold badges13 silver badges29 bronze badges

Collectives™ on Stack Overflow

Countdown timer in javascript using setTimeout

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related