제이쿼리 카운트 다운 > 그누4 팁자료실

현재접속자 최신글 매뉴얼 FAQ

그누보드5

그누보드5

데모

자료실

창작마당

영카트5

데모

자료실

창작마당

그누보드6

가이드

포럼

파이써니스타

자료실

Q & A

궁금한 게 있으신가요? 지금 질문해보세요!

솔루션

프로그래밍

서버

사이트운영

컨텐츠몰

나의 재능을 팔아보세요!

부가서비스

프로모션! 신용카드 결제수수료 2.9%

제작의뢰

커뮤니티

스터디

강좌

기타

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

제이쿼리 카운트 다운 정보

제이쿼리 카운트 다운

관련링크

http://gpkorea2002.cafe24.com/ 461회 연결

첨부파일

countdown.php (2.6K) 129회 다운로드 2012-03-05 13:35:34

jquery.lwtCountdown-1.0.js (5.1K) 55회 다운로드 2012-03-05 13:35:34

본문

제이쿼리로 카운트 다운을 만들어봤습니다. 사용하기는굉장히 쉽습니다.
head.sub.php에 js파일 넣어주시고 첨부한 php파일을 필요한 위치에 include시켜주시면됩니다.
현재는 카운트날짜를 수동으로 적게 되어있는데 게시판을 연결해서 쓰시면 더더욱 관리하시기 편리하실겁니다.
현재 수동으로 카운트 날짜 변경하는 방법입니다.
countdown.php파일안에
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': 23,
'month': 9,
'year': 2012,
'hour': 8,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
여기서 변경해주시면 됩니다. 감사합니다.

ps: 다운만 받지 마시고 추천은 꼭 부탁드립니다!!!!!!

추천
17

댓글 26개

이천이지 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

12.03.05 18:16:15

좋네요..
깔끔하고..
유용하게 쓸일이 있을듯....굿잡 추천드립니다..

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.05 18:29:25

어이쿠 항상 좋은 소스 공개해주시는 이천이지님이시네요 항상 감사합니다^^

메탈포스 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

12.03.05 21:08:11

^_^ 감사합니다~ 추천 꾸욱~

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.06 19:35:27

감사합니다 메탈포스님

오리위즈 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.05 23:19:12

추천!!!

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.06 19:35:39

감사합니다 오리위즈님^^

there007 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.06 10:09:36

감사합니다 추천!

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.06 19:35:54

감사합니다 there007 님^^

또다른세상 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.07 11:34:26

오 감사합니다^^

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.07 12:27:33

또다른세상님 감사합니다~

골든 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.07 15:34:49

head.sub.php에 js파일 넣어주시고 라고 되어있는데 head.sub.php에 js파일을 복사해서 넣어야 하나요?
아니면 js폴드에 넣으면 되나요?

그리고 게시판 연동은 어떻게 하면 되나요?

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.07 19:16:52

js폴더안에 넣으시면 됩니다. 그리고 head.sub.php에서
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery.lwtCountdown-1.0.js"></script>이렇게 넣어주시면됩니다.
게시판 연동은 최신글을 하나 만드셔서
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="280" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td><div id="countdown_dashboard">
<p><strong><?=$list[$i][subject]?></strong></p>
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">d</span>
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">h</span>
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">m</span>
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title" style="margin-right:0px;">s</span> </div></td>
</tr>
<tr><td height="20"></td></tr>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
jQuery('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
<? } ?>

<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>

이렇게 넣어주시고 게시판하나 생성하셔서 wr_1~wr_4 년 월 일 시 이렇게 input박스만드셔서 입력해주시고 불러오시면됩니다~~

js폴더안에 넣으시면 됩니다. 그리고 head.sub.php에서
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery.lwtCountdown-1.0.js"></script>이렇게 넣어주시면됩니다. 
게시판 연동은 최신글을 하나 만드셔서 
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
?>
		  <table width="280" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
              <tr>
                <td><div id="countdown_dashboard">
                    <p><strong><?=$list[$i][subject]?></strong></p>
                    <div class="dash days_dash">
                      <div class="digit">0</div>
                      <div class="digit">0</div>
                      <div class="digit">0</div>
                    </div>
                    <span class="dash_title">d</span>
                    <div class="dash hours_dash">
                      <div class="digit">0</div>
                      <div class="digit">0</div>
                    </div>
                    <span class="dash_title">h</span>
                    <div class="dash minutes_dash">
                      <div class="digit">0</div>
                      <div class="digit">0</div>
                    </div>
                    <span class="dash_title">m</span>
                    <div class="dash seconds_dash">
                      <div class="digit">0</div>
                      <div class="digit">0</div>
                    </div>
                    <span class="dash_title" style="margin-right:0px;">s</span> </div></td>
              </tr> 
			  <tr><td height="20"></td></tr>
       <script language="javascript" type="text/javascript">
			jQuery(document).ready(function() {
				jQuery('#countdown_dashboard').countDown({
					targetDate: {
						'day': 		<?=$list[$i][wr_3]?>,
						'month': 	<?=$list[$i][wr_2]?>,
						'year': 	<?=$list[$i][wr_1]?>,
						'hour': 	<?=$list[$i][wr_4]?>,
						'min': 		0,
						'sec': 		0
					},
					omitWeeks: true
				});
			});
		</script> 
<? } ?>

<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>

이렇게 넣어주시고 게시판하나 생성하셔서 wr_1~wr_4 년 월 일 시 이렇게 input박스만드셔서 입력해주시고 불러오시면됩니다~~

미운오리스키 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.07 19:52:21

완죤 므찌네요...
좋은자료 감사합니다 ^^

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.08 12:48:45

감사합니다 미운오리스키님~

골든 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.08 09:33:29

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="280" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td><div id="countdown_dashboard">
<p><strong><?=$list[$i][subject]?></strong></p>
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">d</span>
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">h</span>
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title">m</span>
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<span class="dash_title" style="margin-right:0px;">s</span> </div></td>
</tr>
<tr><td height="20"></td></tr>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
jQuery('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,
'min': 0,
'sec': 0
},
omitWeeks: true
});
});
</script>
<? } ?>

<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>

이 소스를 어디에 넣어야 하나요?
그리고 위 소스를 적용하면
include를 하지 않아도 되나요?

<? 
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
?> 
  <table width="280" border="0" cellspacing="0" cellpadding="0"> 
<? for ($i=0; $i<count($list); $i++) { ?> 
              <tr> 
                <td><div id="countdown_dashboard"> 
                    <p><strong><?=$list[$i][subject]?></strong></p> 
                    <div class="dash days_dash"> 
                      <div class="digit">0</div> 
                      <div class="digit">0</div> 
                      <div class="digit">0</div> 
                    </div> 
                    <span class="dash_title">d</span> 
                    <div class="dash hours_dash"> 
                      <div class="digit">0</div> 
                      <div class="digit">0</div> 
                    </div> 
                    <span class="dash_title">h</span> 
                    <div class="dash minutes_dash"> 
                      <div class="digit">0</div> 
                      <div class="digit">0</div> 
                    </div> 
                    <span class="dash_title">m</span> 
                    <div class="dash seconds_dash"> 
                      <div class="digit">0</div> 
                      <div class="digit">0</div> 
                    </div> 
                    <span class="dash_title" style="margin-right:0px;">s</span> </div></td> 
              </tr> 
  <tr><td height="20"></td></tr> 
      <script language="javascript" type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery('#countdown_dashboard').countDown({ 
targetDate: { 
'day': <?=$list[$i][wr_3]?>, 
'month': <?=$list[$i][wr_2]?>, 
'year': <?=$list[$i][wr_1]?>, 
'hour': <?=$list[$i][wr_4]?>, 
'min': 0, 
'sec': 0 
}, 
omitWeeks: true 
}); 
}); 
</script> 
<? } ?>

<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?> 
</table>

이 소스를 어디에 넣어야 하나요?
그리고 위 소스를 적용하면
include를 하지 않아도 되나요?

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.08 12:50:54

음...skin/latest/countdown폴더생성하시고요 그안에 지금코드를 latest.skin.php라는 파일만드시고 넣으십시오 그리고 부르실때는 <?=latest("countdown","게시판명","1")?>이렇게 호출하시면 됩니다~~~

골든 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.08 09:33:50

전 배추빌더와 배추스킨을 사용합니다.

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.08 12:49:04

빌더와 상관없이 적용됩니다^^

골든 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.08 14:10:17

신비나라님 친절한 답변에 감사드립니다.

추가적으로 한가지 질문좀 드릴께요
현재 배추스킨을 사용하면 설문 기능이 있습니다.
종료일자를 입력하게 되어 있는데...
이 설문 종료일을 카운트하고자 하는데요.
배추스킨에서 설문을 작성할때 보드테이블이 아닌 또다른 g4_mw_vote 테이블이 있습니다.
이곳에 vt_edate 필드에 설문종료날짜가 저장이 됩니다.

2012-03-31 이러한 방식으로 들어가는데..
아래를 수정하려면 어떻게 해야 하나요?
'day': <?=$list[$i][wr_3]?>,
'month': <?=$list[$i][wr_2]?>,
'year': <?=$list[$i][wr_1]?>,
'hour': <?=$list[$i][wr_4]?>,

한수 부탁드립니다.

골든 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.09 17:02:41

게시판연동 되었습니다.
추천 꽝하고 찍습니다.

그런데 신비나라님 홈페이지하고 디자인이 틀리네요.
이것까지 주심 안될까요?

port 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

12.03.11 20:15:37

좋은 자료네요..~~

골든 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.12 10:47:06

디자인이 다른데 동일하게 할 순 없나요?

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.13 19:54:36

디자인 동일한데요 ㅠ.ㅠ 사이트 주소좀 주시면 제가 봐드리겠습니다.

골든 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.03.14 17:00:56

스타일부분에 <?=$latest_skin_path?>/ 부분이 누락되었네요.
감사합니다.

아는즐거움 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.04.18 17:58:49

감사합니다. 추천합니다.

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

12.04.19 22:03:17

감사합니다~

전체 103 |RSS

글쓰기

개별 목록 구성 번호 제목 작성자 작성일 추천 조회
[1원팁]jquery ajax 서버페이지 스크립트 실행하기 3

83

샤샤샷 자기소개 아이디로 검색 전체게시물 회원게시물 12.11.21 0 6445
스크롤을 내리면 스무쓰하게 나타나는 TOP버튼 4

82

선영이 자기소개 아이디로 검색 전체게시물 회원게시물 12.10.31 3 8113
팝업존

81

해피정 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 12.10.30 0 5355
jquery 달력을 이용한 시작~종류 시점적용하기 (회원가입스킨응용) 2

80

usam 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 12.10.06 1 7609
상단 메뉴 잠궈보기 1

79

GameBug 자기소개 아이디로 검색 전체게시물 회원게시물 12.10.04 2 4482
캐챠이미지 사이트에 마춰 사용해 보기 10

78

연후하은아빠 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 12.09.07 6 3434
cheditor 자동 줄 늘리기 1

77

onlymilk74 자기소개 아이디로 검색 전체게시물 회원게시물 12.07.25 1 5764
[1원자리 팁] 오래된 그누버젼에서 최신 스킨 사용하기 [초보자용] 6

76

균이 자기소개 아이디로 검색 전체게시물 회원게시물 12.07.17 6 4633
cheditor 글쓰기 박스 자동으로 늘어 나기 1

75

onlymilk74 자기소개 아이디로 검색 전체게시물 회원게시물 12.07.10 1 3730
jquery로 span태그나 li태그를 이용할 때 location.href 꼼수 6

74

하루군님 자기소개 아이디로 검색 전체게시물 회원게시물 12.06.08 0 12094
(jquery) 메뉴(드롭메뉴, 펼침메뉴, 탭메뉴) 15

73

해바리 자기소개 아이디로 검색 전체게시물 회원게시물 12.06.07 9 23657
[jquery] alert박스 말고 레이어 박스를 띄워보세요. 4

72

sportageJJ 자기소개 아이디로 검색 전체게시물 회원게시물 12.06.06 2 7348
스크롤바 jquery 추천사이트 4

71

yuts 자기소개 아이디로 검색 전체게시물 회원게시물 12.05.16 3 3750
[설치팁] 그누보드에 jquery + jquery_ui 설치 하기 8

70

꼬을 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 12.04.24 4 6710
가입시 "약관, 개인정보취급방침"에 동의하라고 나올때 4

69

민우주 자기소개 아이디로 검색 전체게시물 회원게시물 12.04.11 3 3513
더 이상 플래쉬를 쓸 필요가 있을까? jquery 플러그인 이용한 롤링 팝업~ 41

68

밴딧 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 12.03.06 30 12366
제이쿼리 카운트 다운 26

▶

신비나라 자기소개 아이디로 검색 전체게시물 회원게시물 12.03.05 17 6489
추천 후 페이지 새로고침 6

66

지운아빠 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 12.03.02 9 5124
AJAX로 EUC-KR 값 올바르게 전송하는 방법 4

65

웃는하루 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 12.02.20 3 6990
관리자 서브메뉴 오류 대처법 4

64

지상지천 자기소개 아이디로 검색 전체게시물 회원게시물 12.02.07 2 4340

회원로그인

로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)

© SIRSOFT