Code: Select all
<div id="hitCounter"><span id="count">[hit count]</span>Views</div>
Code: Select all
hitCounter = {
ajaxInterval: setTimeout('hitCounter.getCount()', 2000),
gradualInterval: undefined,
gradualAdd: function (addend) {
if (addend > 0)
{
var sum = parseInt($("#hitCounter #count").text()) + addend;
hitCounter.gradualInterval = setInterval(function () {
hitCounter.gradualIntervalFunction(addend, sum);
}, 2000 / addend);
}
else
{
hitCounter.ajaxInterval = setTimeout('hitCounter.getCount()', 2000);
}
},
gradualIntervalFunction: function (addend, sum) {
var currentCount = parseInt($("#hitCounter #count").text());
if (currentCount == sum)
{
clearInterval(hitCounter.gradualInterval);
hitCounter.ajaxInterval = setTimeout('hitCounter.getCount()', 1000);
}
else
{
$("#hitCounter #count").text(currentCount+1);
}
},
getCount: function() {
$.get("hit-counter.php", {update: ""}, function (data) {
var addend = data - $("#hitCounter #count").text();
hitCounter.gradualAdd(addend);
});
}
};
I'm thinking it might be the way the modules are interacting with one another, but I'm not certain. I need a Firebug for IE, or at least somewhat of a firebug, so any recommendations for a program?
Thanks for taking the time to read this.