pc에선 동작하는 소스인데 모바일에선 안됩니다 ㅠ 채택완료
</p>
<p><script></p>
<p>var date_var = '<?php echo date("m-d-y", strtotime($view['wr_datetime']."+7 days")) ?>';</p>
<p>CountDownTimer(date_var, 'countdown');</p>
<p>
</p>
<p>function CountDownTimer(dt, id)</p>
<p>{</p>
<p>var end = new Date(dt);</p>
<p> </p>
<p>var _second = 1000;</p>
<p>var _minute = _second * 60;</p>
<p>var _hour = _minute * 60;</p>
<p>var _day = _hour * 24;</p>
<p>var timer;</p>
<p> </p>
<p>function showRemaining() {</p>
<p>var now = new Date();</p>
<p>var distance = end - now;</p>
<p>if (distance < 0) {</p>
<p> </p>
<p>clearInterval(timer);</p>
<p>document.getElementById(id).innerHTML = '판매완료되었습니다.';</p>
<p> </p>
<p>return;</p>
<p>}</p>
<p>var days = Math.floor(distance / _day);</p>
<p>var hours = Math.floor((distance % _day) / _hour);</p>
<p>var minutes = Math.floor((distance % _hour) / _minute);</p>
<p>var seconds = Math.floor((distance % _minute) / _second);</p>
<p> </p>
<p>document.getElementById(id).innerHTML = days + '일 ';</p>
<p>document.getElementById(id).innerHTML += hours + '시간 ';</p>
<p>document.getElementById(id).innerHTML += minutes + '분 ';</p>
<p>document.getElementById(id).innerHTML += seconds + '초';</p>
<p>}</p>
<p> </p>
<p>timer = setInterval(showRemaining, 1000);</p>
<p>}</p>
<p></script></p>
<p>
위 소스를 이용해서 글을 등록한 날부터 +7일 후의 시간까지를 카운트다운 해주고 있는데요,
이게 이상하게 pc 에서는 잘 동작하는데 핸드폰에서만 동작을 안합니다.
반응형 웹사이트인데, pc 크롬에서 창을 줄였을때는 잘 되고, 실제 핸드폰으로 보면 nan 이라고 나오네요..
pc크롬에서 창크기를 줄였을때 nan이라고 나오면 소스 검사라도 해보겠는데
핸드폰에서만 안되니 죽겠습니다 ㅠ
위에 스크립트 중에서 핸드폰에서는 안되는게 있나요?
답변 4개
댓글을 작성하려면 로그인이 필요합니다.
CountDownTimer() 함수 안에.. showRemaining() 함수가 있는 형태이고....
CountDownTimer() 함수의 열기({), 닫기(})도 맞게되어 있지 않습니다. (자바스크립트 에러가 나는 상황일 듯 합니다.)
이 부분을 맞춰보는게 좋을 듯 싶습니다.
function CountDownTimer(dt, id)
{
~
function showRemaining() {
~
}
~
}
timer = setInterval(showRemaining, 1000);
}
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인