title: Countdown timer layout - Keith Wood
body: <p>I'm trying to use the basic .js countdown timer from Keith Wood but am running into troubles when trying to adjust the layout. Because I cannot inspect the element (every time I inspect it it reloads and vanishes so I can't work out what CSS needs to be adjusted).</p>
  
  <p>I want it to output as : XX days XX hours xx minutes</p>
  
  <p>I tried adding a layout code to the script but it does nothing.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function () {
    var austDay = new Date();
    austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
    $('#defaultCountdown').countdown({until: austDay});
    $('#year').text(austDay.getFullYear());
    $('#textLayout').countdown({until: liftoffTime, 
      layout: '{sn} {sl}, {mn} {ml}, {hn} {hl}, and {dn} {dl}'});
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>This part in particular apparently should make it output as I want but it doesn't</p>
  
  <pre><code>$('#textLayout').countdown({until: liftoffTime, 
          layout: '{sn} {sl}, {mn} {ml}, {hn} {hl}, and {dn} {dl}'});
      });
  </code></pre>
  
  <p>Here is the live site: username is admin password is gogogo</p>
  
  <p><a href="http://www.francesca-designed.me/fyp/" rel="nofollow">http://www.francesca-designed.me/fyp/</a></p>