Events: Difference between revisions
Meowmaster (talk | contribs) (countdown test) |
(testing embedding the script forciblly) |
||
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> |
Revision as of 01:08, 30 April 2023
Current Event: event ended
11-21-2024 11:55:01
Past Event
1732218901 21 19 Thursday
Javascript disabled.
<script> // ************************************************** // Experimental javascript countdown timer (Splarka) // Version 0.0.3 // ************************************************** // // Usage example: // Javascript disabled.
//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>