|
|
| Line 32: |
Line 32: |
| <span class="nocountdown"><center>Counter unavailable.</center></span> | | <span class="nocountdown"><center>Counter unavailable.</center></span> |
| __NOCACHE__ | | __NOCACHE__ |
| <script>
| |
| // **************************************************
| |
| // Experimental javascript countdown timer (Splarka)
| |
| // Version 0.0.3
| |
| // **************************************************
| |
| //
| |
| // Usage example:
| |
| // <span class="countdown" style="display:none;">
| |
| // Only <span class="countdowndate">January 01 2007 00:00:00 PST</span> until New years.
| |
| // </span>
| |
| // <span class="nocountdown">Javascript disabled.</span>
| |
|
| |
| function updatetimer(i) {
| |
| var now = new Date();
| |
| var then = timers[i].eventdate;
| |
| var diff = count=Math.floor((then.getTime()-now.getTime())/1000);
| |
|
| |
| // catch bad date strings
| |
| if(isNaN(diff)) {
| |
| timers[i].firstChild.nodeValue = '** ' + timers[i].eventdate + ' **' ;
| |
| return;
| |
| }
| |
|
| |
| // determine plus/minus
| |
| if(diff<0) {
| |
| diff = -diff;
| |
| var tpm = ' ';
| |
| } else {
| |
| var tpm = ' ';
| |
| }
| |
|
| |
| // calcuate the diff
| |
| var left = (diff%60) + ' seconds';
| |
| diff=Math.floor(diff/60);
| |
| if(diff > 0) left = (diff%60) + ' minutes ' + left;
| |
| diff=Math.floor(diff/60);
| |
| if(diff > 0) left = (diff%24) + ' hours ' + left;
| |
| diff=Math.floor(diff/24);
| |
| if(diff > 0) left = diff + ' days ' + left
| |
| timers[i].firstChild.nodeValue = tpm + left;
| |
|
| |
| // a setInterval() is more efficient, but calling setTimeout()
| |
| // makes errors break the script rather than infinitely recurse
| |
| timeouts[i] = setTimeout('updatetimer(' + i + ')',1000);
| |
| }
| |
|
| |
| function checktimers() {
| |
| //set up global objects timers and timeouts.
| |
| timers = document.getElementsByClassName('countdowndate'); //global
| |
| timeouts = new Array(); // generic holder for the timeouts, global
| |
| if(timers.length == 0) return;
| |
| for(var i in timers) {
| |
| timers[i].eventdate = new Date(timers[i].firstChild.nodeValue);
| |
| updatetimer(i); //start it up
| |
| }
| |
| }
| |
| window.onload = function()
| |
| {
| |
| //hide 'nocountdown' and show 'countdown'
| |
| var nocountdowns = document.getElementsByClassName('nocountdown');
| |
| for (var i = 0; i < nocountdowns.length; i++ ) {
| |
| nocountdowns[i].style.display = 'none';
| |
| }
| |
| var countdowns = document.getElementsByClassName('countdown');
| |
| for (var i = 0; i < countdowns.length; i++ ) {
| |
| countdowns[i].style.display = "'inline";
| |
| }
| |
| checktimers()
| |
| };
| |
|
| |
| // **************************************************
| |
| // - end - Experimental javascript countdown timer
| |
| //
| |
| </script>
| |
