Issue on Updating jQuery setTimeout()

Issue on Updating jQuery setTimeout()

I am trying to make a simple plugin to calculate date and time by this code:

  1. <div id="timer"></div>

  2. $.fn.timeCounter = function(time) {
  3.     
  4.     var target = new Date(time);
  5. var now = new Date();
  6. var timeDiff = target.getTime() - now.getTime();
  7. if (timeDiff <= 0) {
  8.         clearTimeout(timer);
  9.     }
  10. var seconds = Math.floor(timeDiff / 1000);
  11. var minutes = Math.floor(seconds / 60);
  12. var hours = Math.floor(minutes / 60);
  13. var days = Math.floor(hours / 24);
  14. hours %= 24;
  15.     minutes %= 60;
  16.     seconds %= 60;
  17.     
  18.     $("#timer").append( "<p>"+days+"</p>" );
  19.     $("#timer").append( "<p>"+hours+"</p>" );
  20.     $("#timer").append( "<p>"+minutes+"</p>" );
  21.     $("#timer").append( "<p>"+seconds+"</p>" );
  22. var timer = setTimeout(timeCounter,1000);

  24. };

  26. $("#timer").timeCounter("june 16, 2014 00:01:00");
the code is working fine but I am having problem on displaying actual count down on numbers! can you please let me know how to fix this?