jquery 시간 타이머
2015. 3. 24. 16:03ㆍIT/Jquery Plugin/Tip
요즘 소셜커머스에보면 잔여시간 하면서 막 나오잔아요... ^^;
간단하게 구현해본 타이머 기능입니다.
간단한 소스니까 응용해서 사용하시면 좋을것 같습니다...
$(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>
'IT > Jquery Plugin/Tip' 카테고리의 다른 글
jquery 이미지 변경시 페이드 효과주기 img change fade effect (0) | 2015.03.24 |
---|---|
jquery, tab 변경 (0) | 2015.03.24 |
jquery, checkbox php, 배열로 된 값 체크박스 값 설정 (0) | 2015.03.24 |
jquery tr 동적생성(clone) (0) | 2015.03.24 |
jquery, ul, li listnum 주기 (선택되어져보이기) (0) | 2015.03.24 |