Javascript Count Up 1111 Responses

Last post: 1 year ago | Thread started: May 10, 12, 12:22 p.m.

RespondNew TopicDisable Images

• dbloc

  I am looking for a javascript counter that counts days minutes and seconds. Starts at 0 and counts up. and when it reaches the goal it's stops and calls a function. It's for a timed event.

  Anyone seen anything like this?

  May 10, 12, 12:22 p.m. – Permalink

• dbloc

  like a stop watch

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 12:23 p.m. – Permalink

• Stugoo

  i guess you could use a simple timer like this
  http://stuntsnippets.com/javascr…

  but reverse the start time and end time and have the time increase to a point.

  a quick google returns this
  http://css-tricks.com/forums/dis…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 12:34 p.m. – Permalink

• dbloc

  http://css-tricks.com/forums/dis…
  this one restarts on refresh. I need it to work off the time.

  start at 7:00 and start counting up

  • in that case, why js? I'd think you'd need to do it server side– spot131/2

    just thought JS would be easier...grabbing from the clock– dbloc2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 1:12 p.m. – Permalink

• Hombre_Lobo

  ^sounds like php / asp is the best way to go, like spot13, server side will be easier. no idea how to though :/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 1:31 p.m. – Permalink

• dbloc

  not sure how to do that either

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 1:37 p.m. – Permalink

• dbloc

  this one works.

  http://ecoders.wordpress.com/200…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 1:51 p.m. – Permalink

• monNom

  you can grab the UTC time on load, subtract from the target time (in UTC), and start from there. The only issue is if the user's clock is incorrect (in which case you could pass UTC time from server as a variable).

  Javascript Date object and setInterval (to write out the clock) would make short work of this.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 1:55 p.m. – Permalink

• dbloc

  I know I thought about the clock being wrong problem. How hard is the server side thing?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 1:56 p.m. – Permalink

• dbloc

  or can I grab from an online clock somewhere?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 1:56 p.m. – Permalink

• monNom

  http://pastebin.com/679NtgsU

  if you want to rebase your client's clock to the server clock, pass the server time into a javascript variable, subtract from the time returned by a new Date() object, then add (subtract?) that to the time each time you create a new date object..

  ie:
  var serverTime = 123456;
  var clientTime = new Date();
  var rebase = clientTime-serverTime;
  var WhatTimeIsItReally = new Date() + rebase;

  • serverTime would be written by PHP or whatever, in case that's not clear.– monNom1/2

    gonna try this– dbloc2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 2:18 p.m. – Permalink

• dbloc

  actually this was best JS based on users clock
  http://praveenlobo.com/techblog/…

  count up and count down versions

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 10, 12, 2:40 p.m. – Permalink