메인 카운트다운 기능 관련
본문
안녕하세요.
메인 페이지에서 상품 여분 필드를 사용하여 카운트다운 기능을 작업하고 있습니다.
카운트다운을 메인 페이지에 불러오는 것까지는 성공하였으나 소스를 잘못 입력했는지
여분 필드 값을 못 불러와서 NaN 오류가 뜨는 것을 확인했습니다.
제 코드에서 어떤 부분이 잘못됐는지 도저히 몰라서 도움 요청드려봅니다.
<div class="coun_wrap">남은 시간: <span class="countdown"></span></div>
<script>
function countdown(targetDate) {
var end = new Date(targetDate).getTime();
var timer = setInterval(function() {
var now = new Date().getTime();
var distance = end - now;
if (distance < 0) {
$('.countdown').html("종료됨");
clearInterval(timer);
return;
}
var d = Math.floor(distance / (1000 * 60 * 60 * 24));
var h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var s = Math.floor((distance % (1000 * 60)) / 1000);
$('.countdown').html(
(+d<10?+d:d)+'일'+
(h<10?'0'+h:h)+'시'+
(m<10?'0'+m:m)+'분'+
(s<10?'0'+s:s)+'초'
);
}, 50);
}
//countdown("2025-05-20T00:00:00+09:00"); //종료일
countdown("<?php echo $list[$i]['it_1'];?>");
</script>
답변 1
countdown("<?php echo $list[$i]['it_1'];?>");
→
countdown("<?php echo date('Y-m-d\TH:i:sP', strtotime($list[$i]['it_1'])); ?>");
해결했습니다. 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.