Countdown.

[Moacyr Cavallo 0]

Estou com um problema.

Estou colocando a página inicial com um countdown. Ele funciona só que toda vez que entro no site ele sempre reseta o countdown e sempre volta a contar de 48 dias( o que foi datado por mim)

 

o código que estou usando é :

$(function() {
  var currentDate = new Date();
  $('.countdown').countdown(44 * 24 * 60 * 60 * 1000 + currentDate.valueOf(), function(event) {
    $this = $(this);
    switch(event.type) {
      case "seconds":
      case "minutes":
      case "hours":
      case "days":
      case "weeks":
      case "daysLeft":
        $this.find('div.'+event.type).html(event.value);
        break;
      case "finished":
        $this.fadeTo('slow', .5);
        break;
    }
  });
});
 
Alguém pode me ajudar? 
E ainda tem essa Jquery.
(function($) {
  
  $.fn.countdown = function(toDate, callback) {
    var handlers = ['seconds', 'minutes', 'hours', 'days', 'weeks', 'daysLeft'];
    
    function delegate(scope, method) {
      return function() { return method.call(scope) }
    }
    
    return this.each(function() {
      // Convert
      if(!(toDate instanceof Date)) {
        if(String(toDate).match(/^[0-9]*$/)) {
          toDate = new Date(toDate);
        } else if( toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{4,8})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/) ||
            toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/)
            ) {
          toDate = new Date(toDate);
        } else if(toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})/) || 
                  toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})/)
                  ) {
          toDate = new Date(toDate)
        } else {
          throw new Error("Doesn't seen to be a valid date object or string")
        }
      }
      
      var $this = $(this),
          values = {},
          lasting = {},
          interval = $this.data('countdownInterval'),
          currentDate = new Date(),
          secondsLeft = Math.floor((toDate.valueOf() - currentDate.valueOf()) / 1000);
      
      function triggerEvents() {
        secondsLeft--;
        if(secondsLeft < 0) {
          secondsLeft = 0;
        }
        lasting = {
          seconds : secondsLeft % 60,
          minutes : Math.floor(secondsLeft / 60) % 60,
          hours   : Math.floor(secondsLeft / 60 / 60) % 24,
          days    : Math.floor(secondsLeft / 60 / 60 / 24),
          weeks   : Math.floor(secondsLeft / 60 / 60 / 24 / 7),
          daysLeft: Math.floor(secondsLeft / 60 / 60 / 24) % 7
        }
        for(var i=0; i<handlers.length; i++) {
          var eventName = handlers[i];
          if(values[eventName] != lasting[eventName]) {
            values[eventName] = lasting[eventName];
            dispatchEvent(eventName);
          }
        }
        if(secondsLeft == 0) { 
          stop();
          dispatchEvent('finished');
        }
      }
      triggerEvents();
      
      function dispatchEvent(eventName) {
        var event = $.Event(eventName);
        event.date  = new Date(new Date().valueOf() + secondsLeft);
        event.value = values[eventName] || "0";
        event.toDate = toDate;
        event.lasting = lasting;
        switch(eventName) {
          case "seconds":
          case "minutes":
          case "hours":
            event.value = event.value < 10 ? '0'+event.value.toString() : event.value.toString();
            break;
          default:
            if(event.value) {
              event.value = event.value.toString();
            }
            break;
        }
        callback.call($this, event);
      }
      
      $this.bind('remove', function() {
        stop(); // If the selector is removed clear the interval for memory sake!
        dispatchEvent('removed');
      });
      
      function stop() {
        clearInterval(interval);
      }
 
      function start() {
        $this.data('countdownInterval', setInterval(delegate($this, triggerEvents), 1000));
        interval = $this.data('countdownInterval');
      }
      
      if(interval) stop();
      start();
    });
  }
  // Wrap the remove method to trigger an event when called
  var removeEvent = new $.Event('remove'),
      removeFunction = $.fn.remove;
  $.fn.remove = function() {
    $(this).trigger(removeEvent);
    return removeFunction.apply(this, arguments);
  }
})(jQuery);

[lokaodomau 61]

Se a contagem variar de usuário para usuário, eu aconselho armazenar a data no banco de dados, e fazer a contagem regressiva a partir da data...

 

var currentDate = new Date();
$('.countdown').countdown(44 * 24 * 60 * 60 * 1000 + currentDate.valueOf(), function(event)

Você está somando 44 dias a partir da data corrente, com o refresh, a data hora corrente é atualizada.

[Moacyr Cavallo 0]

E como eu faço isso? Porque sou iniciante em js

[Moacyr Cavallo 0]

Alguém? já tentei de tudo e ele continua com o mesmo problema. eu entro no site e ele começa a contagem a partir da data que coloquei no código

[lokaodomau 61]

Qual a finalidade? Assim a gente pode ter uma noção maior.

[Moacyr Cavallo 0]

eu estou desenvolvendo um site de um amigo e pra ter alguma coisa no ar quero colocar o em construção e o countdown pra avisar que faltam x dias para o site vai ser inaugurado junto com a loja física dele!

Consegui resolver.

$(function() {
  var currentDate = new Date();
  $('.countdown').countdown(44 * 24 * 60 * 60 * 1000 + currentDate.valueOf(), function(event) {

É só alterar para a data desejada dentro de :

new Date (*)

[lokaodomau 61]

BOA!!