')
// Array to hold each digit's starting background-position Y value
var initialPos = [0, -126, -252, -378, -504, -630, -756, -882, -1008, -1134];
// Amination frames
var animationFrames = 5;
// Frame shift
var frameShift = 27;
// Starting number
// If no number in URL (?n=number), then get a random one
var theNumber = startingNumber;
// Or you could get it via AJAX:
// var theNumber = Number($.ajax({ type: "GET", url: "number.php", async: false }).responseText);
// Where number.php can be a DB query, or any kind of script that outputs a number to use
// Increment
var increment = (typeof(incrementNumber) !== 'undefined') ? incrementNumber : 1;
// Pace of counting in milliseconds
var pace = 1000;
// Initializing variables
var digitsOld = [], digitsNew = [], subStart, subEnd, x, y;
// Function that controls counting
function doCount(){
// In this example, we're padding the numbers
var x = pad(theNumber.toString());
theNumber += increment;
var y = pad(theNumber.toString());
digitCheck(x,y);
}
// This checks the old count value vs. new value, to determine how many digits
// have changed and need to be animated.
function digitCheck(x,y){
if (y.length > x.length) addDigit(y.length);
var digitsOld = splitToArray(x),
digitsNew = splitToArray(y);
for (var i = 0, c = digitsNew.length; i < c; i++){
if (digitsNew[i] != digitsOld[i]){
animateDigit(i, digitsOld[i], digitsNew[i]);
}
}
}
// Animation function
function animateDigit(n, oldDigit, newDigit){
// I want three different animations speeds based on the digit,
// because the pace and increment is so high. If it was counting
// slower, just one speed would do.
// 1: Changes so fast is just like a blur
// 2: You can see complete animation, barely
// 3: Nice and slow
var speed;
switch (n){
case 0:
speed = pace/8;
break;
case 1:
speed = pace/4;
break;
default:
speed = pace/2;
break;
}
// Cap on slowest animation can go
speed = (speed > 100) ? 100 : speed;
// Get the initial Y value of background position to begin animation
var pos = initialPos[oldDigit];
// Each animation is 5 frames long, and 103px down the background image.
// We delay each frame according to the speed we determined above.
for (var k = 0; k < animationFrames; k++){
pos = pos - frameShift;
if (k == (animationFrames - 1)){
$("#d" + n).delay(speed).animate({
'background-position': '0 ' + pos + 'px'
}, 0, function(){
// At end of animation, shift position to new digit.
$("#d" + n).css({
'background-position': '0 ' + initialPos[newDigit] + 'px'
}, 0);
});
}
else{
$("#d" + n).delay(speed).animate({
'background-position': '0 ' + pos + 'px'
}, 0);
}
}
}
// Splits each value into an array of digits
function splitToArray(input){
var digits = new Array();
for (var i = 0, c = input.length; i < c; i++){
var subStart = input.length - (i + 1),
subEnd = input.length - i;
digits[i] = input.substring(subStart, subEnd);
}
return digits;
}
// Adds new digit
function addDigit(len){
var li = Number(len) - 1;
if (li % 3 == 0) {
$('').insertAfter(counterID+' li#dollarsign');
}
$('');
$("#d" + li).css({
'background-position': '0 ' + initialPos[1] + 'px'
});
}
// Sets the correct digits on load
function initialDigitCheck(initial){
// Creates the right number of digits
// In this example, we're padding the numbers
var padded = pad(initial.toString());
var count = padded.length;
var bit = 1;
for (var i = 0; i < count; i++){
$('').insertAfter(counterID+' li#dollarsign');
if (bit != (count) && bit % 3 == 0) $('').insertAfter(counterID+' li#dollarsign');
bit++;
}
// Sets them to the right number
var digits = splitToArray(initial.toString());
for (var i = 0, c = digits.length; i < c; i++) {
$("#d" + i).css({
'background-position': '0 ' + initialPos[digits[i]] + 'px'
});
}
}
// Generates a good random number
function getRandom(){
var numD = Math.floor(Math.random()*9) + 3;
var num = '';
for (var i = 0; i < numD; i++){
num += Math.floor(Math.random()*9).toString();
}
return num
}
// http://www.electrictoolbox.com/pad-number-zeroes-javascript/
function pad(str, length) {
var size = 11; // For 72 billion
while (str.length < size) {
str = '0' + str;
}
return str;
}
// Start it up
initialDigitCheck(theNumber);
setInterval(doCount, pace);
}
function openWin(url) {
aWindow = window.open(url,"thewindow",'toolbar=0,location=0,directories=0,status=0,menubar=0, width=400, height=400, scrollbars, resizable');
aWindow.focus();
}