남은시간 (디데이) 카운트 : 자바스크립트
targetTime = "2022-09-01-13:30:00";
위의 변수만 동일한 패턴으로 년도-월-일-시간:분:초 로 넣어줍니다.
월,일,시간,분,초 가 한 자리 단위일 때는 앞에 0을 붙여 두 자리로 만듭니다.
[code]
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel=stylesheet>
<style>
#countSpan { font-family:Lato; font-weight:bold; font-size:4rem; }
#countSpan span { font-size:2rem; }
</style>
<script>
targetTime = "2022-12-25-13:30:00";
document.write("<span id='countSpan'></span>");
targetCount = targetTime.split("-")[1] + "-" + targetTime.split("-")[2] + "-" + targetTime.split("-")[0] + "-" + targetTime.split("-")[3];
function countInterval() {
countTime = new Date(targetCount) - new Date();
countDay = Math.floor(countTime / (1000 * 60 * 60 * 24)) < 1 ? "" : Math.floor(countTime / (1000 * 60 * 60 * 24)) + "<span>일</span> ";
countHour = ("0" + Math.floor(countTime % (1000 * 60 * 60 * 24) / (1000 * 60 * 60))).slice(-2) + ":";
countMinute = ("0" + Math.floor(countTime % (1000 * 60 * 60) / (1000 * 60))).slice(-2) + ":";
countSecond = ("0" + Math.floor(countTime % (1000 * 60) / 1000)).slice(-2);
if (countTime < 1) {
countSpan.innerHTML = "이벤트 종료";
clearInterval(countMode);
}
else countSpan.innerHTML = countDay + countHour + countMinute + countSecond;
}
countInterval();
countMode = setInterval(countInterval, 1000);
</script>
[/code]
게시판에서 여분필드로 표현할 때는 예를 들어 wr_1 일 때는 뷰페이지에서
targetTime = "<php echo $view['wr_1']; ?>";
로 표현해주면 되겠지요.
댓글 18개
[http://sir.kr/data/editor/2206/67bbc84031b562cb347e9f0c04ff779c_1654683076_2173.png]
감사 드립니다.
적용해보니 뷰페이지에선 카운팅이 되는데 리스트에는 왜 안될까요 ?
그리고,
targetTime = "<php echo $view['wr_1']; ?>"; 하면
NaN일 aN:aN:aN
이렇게 나옵니다 ^^;
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4400 | ||
| 2694 | 2개월 전 | 187 | ||
| 2693 | 2개월 전 | 146 | ||
| 2692 | 2개월 전 | 157 | ||
| 2691 | 2개월 전 | 173 | ||
| 2690 | 2개월 전 | 325 | ||
| 2689 | 2개월 전 | 232 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 439 | |
| 2687 | 2개월 전 | 290 | ||
| 2686 |
선택과집중
|
2개월 전 | 328 | |
| 2685 | 2개월 전 | 289 | ||
| 2684 | 2개월 전 | 345 | ||
| 2683 | 2개월 전 | 480 | ||
| 2682 | 2개월 전 | 275 | ||
| 2681 | 2개월 전 | 301 | ||
| 2680 |
선택과집중
|
2개월 전 | 277 | |
| 2679 | 2개월 전 | 329 | ||
| 2678 |
 Xenon54 |
2개월 전 | 428 | |
| 2677 |
Xenon54 |
2개월 전 | 501 | |
| 2676 | 2개월 전 | 325 | ||
| 2675 | 2개월 전 | 303 | ||
| 2674 |
선택과집중
|
2개월 전 | 479 | |
| 2673 |
 ideaman |
2개월 전 | 320 | |
| 2672 | 2개월 전 | 334 | ||
| 2671 | 3개월 전 | 283 | ||
| 2670 | 3개월 전 | 257 | ||
| 2669 | 3개월 전 | 373 | ||
| 2668 | 3개월 전 | 287 | ||
| 2667 |
선택과집중
|
3개월 전 | 482 | |
| 2666 |
선택과집중
|
3개월 전 | 469 | |
| 2665 |
선택과집중
|
3개월 전 | 403 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기