General Question

metadog's avatar

What is the best web technique for building a "count up" clock on my web site?

Asked by metadog (328 points ) November 19th, 2012

Hi! My boss wants a clock counting up from the date the business opened on our web site home page. “Servicing you for 35 years and counting” kind of thing. The site has DotNetNuke behind the scenes as a CMS. Would Flash be ideal? HTML5? After Effects? What would be the best way to build this thing? Once I figure out the best technology, I will be able to narrow down my path for getting help building it. We already have a graphical design they want to use. Thanks!

Observing members: 0 Composing members: 0

8 Answers

phaedryx's avatar

javascript

jaytkay's avatar

Flash is going away, I would not use it for a new project.

I’ve seen some interesting CSS clocks, for example,
http://joncom.be/code/css-clocks/

jrpowell's avatar

If it is just going to count up the years wouldn’t it be better to just update the HTML every year?

Response moderated (Spam)
WyCnet's avatar

The main value you want is the interval between the starting of the business and when the page is being loaded. You will need to use Date-Time calculations to do it. Javascript can backdate using the Date() function. So It can be done through Client Side Javascript programming. It can also be done through Server-Side programming if you can access Php.

It becomes your choice, depending on whether your CMS will allow you to integrate your own JS smoothly.

phaedryx's avatar

@WyCnet PHP wouldn’t be an option for a dotnetnuke site

I changed my mind and agree with @johnpowell, just do it in HTML and update it once a year.

metadog's avatar

I would prefer to do it that way, it would certainly be easier. But my boss wants seconds, minutes, hours, days, months, years… I found a jQuery script for this, but it will need some work. Not exactly my area of specialty.

jrpowell's avatar

There is this.

http://praveenlobo.com/techblog/javascript-countup-timer/

I wouldn’t really bother with jQuery for this unless it is used elsewhere in the site.

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther