Need help making a Javascript countdown timer

hi guys,

 

i want make countdown timer. i've seen loads of scripts these on various sites when build them, never work how want (if @ all!) thought, help, i'd build own!

 

here html...

 

<div class="countdowntimer">      <div class="dashweeks">         <div class="dash">             <div class="digit">0</div>             <div class="digit">0</div>             <span class="division">weeks</span>         </div>     </div>      <div class="dashdays">         <div class="dash">             <div class="digit">0</div>             <div class="digit">0</div>             <span class="division">days</span>         </div>     </div>      <div class="dashhours">         <div class="dash">             <div class="digit">0</div>             <div class="digit">0</div>             <span class="division">hours</span>         </div>     </div>      <div class="dashminutes">         <div class="dash">             <div class="digit">0</div>             <div class="digit">0</div>             <span class="division">minutes</span>         </div>     </div>  </div> 

 

...and here stylesheet...

 

.countdowntimer {width:249px; height:63px; background-image:url(assets/images/countdown/countdownbg.png); position:relative; font-family:arial, helvetica, sans-serif;} .dashweeks {margin:0 0 0 34px; padding:10px 0 0; float:left; position:relative;} .dashdays {margin:0 0 0 10px; padding:10px 0 0; float:left; position:relative;} .dashhours {margin:0 0 0 10px; padding:10px 0 0; float:left; position:relative;} .dashminutes {margin:0 0 0 10px; padding:10px 0 0; float:left; position:relative;} .dash {width:37px; height:33px; background-image:url(assets/images/countdown/dashbg.png); background-repeat:no-repeat;} .digit {width:12px; height:22px; color:#ffffff; font-size:20px; line-height:20px; text-align:center; float:left; display:block; padding:6px 0 0 4px;} .division {width:37px; font-size:9px; text-transform:uppercase; text-align:center; color:#aaaaaa; clear:both; position:absolute; top:40px; left:0;} 

 

i take i'm going need javascript how make each digit of timer fits in 'digit' div? hoping add javascript (and maybe jquery?) , change date counts down each time - possible?

 

thank , hope hear you!

 

sm

you'll find plenty choose below:

http://www.tripwiremagazine.com/2013/04/jquery-countdown-scripts.html

 

 

nancy o.

More discussions in Dreamweaver support forum

adobe