Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/12/2010, 23:28
Avatar de Zuker
Zuker
 
Fecha de Ingreso: marzo-2007
Ubicación: Argentina
Mensajes: 164
Antigüedad: 17 años, 8 meses
Puntos: 1
Exclamación Problema con variables

Buenas

Estoy tratando de usar una funcion que encontre que cuenta de un numero a otra

Funcion

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. (function($) {
  3.     $.fn.countTo = function(options) {
  4.         // merge the default plugin settings with the custom options
  5.         options = $.extend({}, $.fn.countTo.defaults, options || {});
  6.  
  7.         // how many times to update the value, and how much to increment the value on each update
  8.         var loops = Math.ceil(options.speed / options.refreshInterval),
  9.             increment = (options.to - options.from) / loops;
  10.  
  11.         return $(this).each(function() {
  12.             var _this = this,
  13.                 loopCount = 0,
  14.                 value = options.from,
  15.                 interval = setInterval(updateTimer, options.refreshInterval);
  16.  
  17.             function updateTimer() {
  18.                 value += increment;
  19.                 loopCount++;
  20.                 $(_this).html(value.toFixed(options.decimals));
  21.  
  22.                 if (typeof(options.onUpdate) == 'function') {
  23.                     options.onUpdate.call(_this, value);
  24.                 }
  25.  
  26.                 if (loopCount >= loops) {
  27.                     clearInterval(interval);
  28.                     value = options.to;
  29.  
  30.                     if (typeof(options.onComplete) == 'function') {
  31.                         options.onComplete.call(_this, value);
  32.                     }
  33.                 }
  34.             }
  35.         });
  36.     };
  37.  
  38.     $.fn.countTo.defaults = {
  39.         from: 0,  // the number the element should start at
  40.         to: 100,  // the number the element should end at
  41.         speed: 1000,  // how long it should take to count between the target numbers
  42.         refreshInterval: 100,  // how often the element should be updated
  43.         decimals: 0,  // the number of decimal places to show
  44.         onUpdate: null,  // callback method for every time the element is updated,
  45.         onComplete: null,  // callback method for when the element finishes updating
  46.     };
  47. })(jQuery);
  48. </script>

El codigo para usarla (ademas de la funcion) es este

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     jQuery(function($) {
  3.         var ini_counter0 = parseInt($('#totaldownloads').html());
  4.         var fin_counter0;
  5.  
  6.         $.get('data.php?i=0', function(data) {
  7.             fin_counter0 = data;
  8.         });
  9.  
  10.         $('#totaldownloads').countTo({
  11.             from: ini_counter0,
  12.             to: fin_counter0,
  13.             speed: 1000,
  14.             refreshInterval: 50,
  15.             onComplete: function(value) {
  16.             console.debug(this);
  17.             }
  18.         });
  19.     });
  20. </script>

El tema esta en que hay 2 variables que yo creo de donde obtengo el principio y el fin del contador.

A mi manera (se poco y nada de javascript) hice esto

var ini_counter0 = parseInt($('#totaldownloads').html());
var fin_counter0;

$.get('data.php?i=0', function(data) {
fin_counter0 = data;
});

El tema esta en que la funcion no me reconoce esas 2 variables a la hora de ejecutarlas... alguna idea de donde estoy equivocandome?

Gracias

Saludos!