요즘 소셜커머스에보면 잔여시간 하면서 막 나오잔아요... ^^;
 간단하게 구현해본 타이머 기능입니다.

간단한 소스니까 응용해서 사용하시면 좋을것 같습니다...


 $(document).ready(function() {

  // 총 남은시간 갱신
  var timeLeft = 500; // 초 단위
  
  var num = function(str)
  {
   if(str<10)
    return '0'+str;
   else
    return str;
  }

  var updateLeftTime = function() {
   timeLeft = (timeLeft <= 0) ? 0 : -- timeLeft;
   
   var hours = num(Math.floor(timeLeft / 3600));
   var minutes = num(Math.floor((timeLeft - 3600 * hours) / 60));
   var seconds = num(timeLeft % 60);
    
   $('#t_left_time').html(hours+':'+minutes+':'+seconds);
  }  

  updateLeftTime();
  setInterval(updateLeftTime, 1000);

 });

<span id="t_left_time">00:00:00</span>

+ Recent posts

티스토리 툴바