Best way to mark a countdown timer

Question

I am trying to achieve something similar to what is shown on the next page:

http://2.s3.envato.com/files/7689014/index.html

Basically a countdown timer.

I am a little sure that this is the best way to mark this.

Can anyone help?

Answer 1

I assume you can use microformats or an html 5 time element:

 <time date="2011-10-31">2011-10-31</time> 

Perhaps with the pubdate (Boolean) attribute, define the time as the publication date:

 <time date="2011-10-31" pubdate> 

You may need to wrap individual components in span , perhaps every day, hour, minute, second ... as an individual counter, so that:

 <time date="2011-10-31" pubdate><span class="year">2011</span>-<span class="month">11</span>-<span class="day">31</span></time> 

Literature:

• <time> at html5doctor.com .
• <time> in W3.org .
• 'Make <time> safe for historians, at Quirksmode.org .

Answer 2

http://keith-wood.name/countdown.html

There should be enough to decide how to do it