60 Second Timer

HTML

<link rel="stylesheet" href="http://oneillwebs.com/www/css/reset.css">
<link rel="stylesheet" href="http://oneillwebs.com/www/css/grid.css">
<link rel="stylesheet" href="http://oneillwebs.com/www/css/settings.css">
<div class="row">
    <span class="timer timerback">00:00</span>
    <span id="Timer" class="timer timerfront">60:00</span>
    <span class="seconds">Seconds</span>
</div>

CSS

@font-face { font-family: 'DSDIGI'; src: url('http://oneillwebs.com/www/fonts/DSDIGI.eot'); src: local('DSDIGI'), url('http://oneillwebs.com/www/fonts/DSDIGI.woff') format('woff'), url('http://oneillwebs.com/www/fonts/DSDIGI.ttf') format('truetype'); }
* { font-family: 'DSDIGI' !important; }

div { background: black; position: relative; height: 7em; }
span { font-size: 80px; }
.timer { width: 180px; display: inline-block; position: absolute; left: 1em; text-align: right; }
.seconds { display: inline-block; }
.timerfront { z-index: 2; color: lime; }
.timerback { z-index: 1; color: #333; }
.seconds { color: white; position: absolute; left: 4em; }

JavaScript

var count = 6000;
    var counter = setInterval(timer, 10);
    
    function timer()
    {
        if (count <= 0)
        {
            clearInterval(counter);
            return;
         }
         count--;
         document.getElementById("Timer").innerHTML=count /100;
     }