Countdown Thingy

[Oti]

Hey, why don't you guys put that fancy countdown clock thing back up? That would definitely make it easier to remember Sasuke is coming.

Anyone else miss that thing?

[jfeathe]

I would love one.

Build the anticipation... ;D

[YoDaUO]

That would be pretty cool.

[The Chief]

I concur, it would be nice. However, it would be nice if we could get one that counts down in real-time?

[Oti]

Yeah, that was my only beef with the other one. I had to refresh to get the new time.

A real-time one should be easy to find. There are millions of Myspace profiles that use them.

[YoDaUO]

Hmmm. I dont think this is possible but....
Have a countdown, and the second the countdown hits 0, Sasuke 25 will show up live right here on the screen!

[The Chief]

We can't do that, We definitely don't have the budget/technology.

[Oti]

Yeah... I think the best we could hope for is when the timer hits 0, the timer becomes a link to watch Sasuke.

[arsenette]

I know when I had one on my site everyone complained how slow the site became. Not sure if it hapened here so that's why they had the other one? Personally I'd like to see something similar since it's just cool to look and say "oh look it's 27 days, blah blah blah".. 4 weeks to go!! So excited...

[RiderLeangle]

I wish that was back.. I'm horrible at math and no matter how many times that world time site is posted I can never figure out when the hell Sasuke comes on.
So yeah.. we kind of need that back XD

[Oti]

I found a very simple one. The code is below. If you want to test it, copy the code, paste it into a new notepad file, save the file as something.html and then run it.

<div id="clock1">[clock1]</div>

<script language="JavaScript">

 StartCountDown("clock1","06/27/2010 12:33 PM -0400")
 
 function StartCountDown(myDiv,myTargetDate)
 {
   var dthen = new Date(myTargetDate);
   var dnow = new Date();
   ddiff = new Date(dthen-dnow);
   gsecs = Math.floor(ddiff.valueOf()/1000);
   CountBack(myDiv,gsecs);
 }
 
 function Calcage(secs, num1, num2)
 {
   s = ((Math.floor(secs/num1))%num2).toString();
   if (s.length < 2)
   {
     s = "0" + s;
   }
   return (s);
 }
 
 function CountBack(myDiv, secs)
 {
   var DisplayStr;
   var DisplayFormat = "%%D%% Days %%H%%:%%M%%:%%S%%";
   DisplayStr = DisplayFormat.replace(/%%D%%/g, Calcage(secs,86400,100000));
   DisplayStr = DisplayStr.replace(/%%H%%/g, Calcage(secs,3600,24));
   DisplayStr = DisplayStr.replace(/%%M%%/g, Calcage(secs,60,60));
   DisplayStr = DisplayStr.replace(/%%S%%/g, Calcage(secs,1,60));
   if(secs > 0)
   {
     document.getElementById(myDiv).innerHTML = DisplayStr;
     setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
   }
   else
   {
     document.getElementById(myDiv).innerHTML = "Auction Over";
   }
 }

</script>

[scnoi1217]

K I'll talk to blt about adding one as he is the only one that can add code to the main page.

[Oti]

Can you not modify the global headers?

[The Chief]

no, that's a thing that only the creator of the forums can do. Believe me, it sucks.

[jfeathe]

Oh God, Sasuke is 117 days away

[scnoi1217]

Well, I was wrong, turns out I can edit the headers. As you can see, I put in that code with the correct date, but it is appearing on the left hand side of the screen. How can we center it and put a title, something like "Countdown to SASUKE 25" or something?

[RiderLeangle]

If it's html aren't there tags that go like <center>(stuff goes here)</center> or am I wrong?

[YoDaUO]

Ohhhhh I see the counter xD

[Oti]

no, that's a thing that only the creator of the forums can do. Believe me, it sucks.

I have a proboards forum. Any staff member can do it.

The counter is centered right now and it's saying a little over 26 days left. Is that correct?

[Badalight]

I like the idea of a counter, but personally when I see a count down to something it seems like it takes longer to arrive, so I don't like em =p

Just let the days pass, and when it comes, it comes. Good job though, it's not very vibrant so I'm not forced to look at it.