현재 요일, 정해진 시간별로 이미지가 변경되는 자바스크립트를 사용중입니다.
이 스크립트를 여러군데 사용하다보니 지정한 토요일과 일요일이 아닌 휴일(국가지정공휴일같은)에는 임의로 이미지를 변경해야해서 변경했다가 다시 복구하고 하는 것도 점점일이 되어가고 있습니다...
그래서 혹시 현재 사용중인 이 스크립트에서 광복절, 추석같은 임의날짜를 지정하여 이미지를 보여줄수 없을까요?
현재 사용중인 소스입니다.
<script language="JavaScript">
<!--
day=new Date() ;
var d = '<?=date('w')?>';
var x = '<?=date('H')?>';
if ((d == 6 && x >= 1) || d == 0) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_01.png">');
} else {
x=day.getHours() ;
if(x>=0 && x<11) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_02.png">');
} else
if(x>=11 && x<12) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_04.png">');
} else
if(x>=12 && x<13) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_03.png">');
} else
if(x>=13 && x<18) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_04.png">');
} else
if (x>=18 && x<24) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_02.png">');
}
}
//-->
</script>
이렇게 되어있는데 어린이날, 광복절, 추석같은 날짜를 지정하여 이미지를 따로 지정할수 있는 방법이 있다면 도움좀 부탁드립니다..ㅠㅠ
답변 2개 / 댓글 7개
<img src="" id="test" /><script>var DATE = new Date();var Year = DATE.getFullYear();var Month = DATE.getMonth() + 1;var Day = DATE.getDate();var Today = Year + "-" + Month + "-" + Day;var Holidays = { "2014-8-14" : "http://pagead2.googlesyndication.com/simgad/12146247908501250763", "2014-8-15" : "http://pagead2.googlesyndication.com/simgad/13177216673612256820", "2014-8-16" : "http://pagead2.googlesyndication.com/simgad/3815350622856322910"}if(Holidays[Today]) { document.getElementById("test").src = Holidays[Today];}</script>js로는 힘드네요.
차라리 php가 편한데.
답변에 대한 댓글 5개
<script language="JavaScript">
var DATE = new Date();
var tYear = DATE.getFullYear();
var tMonth = DATE.getMonth() + 1;
var tDate = DATE.getDate();
var tDay = DATE.getDay();
var tHour = DATE.getHours();
var Today = tYear + "-" + tMonth + "-" + tDate;
var Holidays = {
"2014-8-14" : "http://pagead2.googlesyndication.com/simgad/12146247908501250763",
"2014-8-16" : "http://pagead2.googlesyndication.com/simgad/13177216673612256820",
"2014-8-17" : "http://pagead2.googlesyndication.com/simgad/3815350622856322910"
}
function _time(f, t) {
return (tHour >= f && tHour < t) ? true : false;
}
if(Holidays[Today]) {
document.write("<img src='" + Holidays[Today] + "' />");
} else {
if((tDay == 6 || tDay == 0) && tHour >= 1) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_01.png">');
} else {
if(_time(0, 11) == true) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_02.png">');
} else if(_time(11, 12) == true) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_04.png">');
} else if(_time(12, 13) == true) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_03.png">');
} else if(_time(13, 18) == true) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_04.png">');
} else if(_time(18, 24) == true) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_02.png">');
}
}
}
</script>
[/code]
특정 날짜는 저 위에 지금 넣어둔 날짜에다가 집어 넣으시면 됩니다.
원래 코드를 조금이라도 줄이고자 약간 변형만 했습니다.
자꾸 질문해서 죄송하고 답변주셔서 감사합니다 (__
된다면 서버시간을 가져오고 싶어서....
var d = '<?=date('w')?>';
var x = '<?=date('H')?>';
전에 이 소스로 유추해서 내맘대로
var tYear = <?=date('y')?>;
var tMonth = <?=date('m')?> + 1;
var tDate = <?=date('d')?>;
var tDay = <?=date('w')?>;
var tHour = <?=date('h')?>;
이렇게 해봤는데 역시나 안되네요... 년,월,일은 어찌해야하는건지...
에고 자꼬 귀찮게 해드려서 죄송합니다..ㅠㅠ
늦은시간까지 고생이 많으십니다...ㅜㅜ
자꾸 질문해서 죄송하고 답변주셔서 감사합니다 (__
된다면 서버시간을 가져오고 싶어서....
var d = '<?=date('w')?>';
var x = '<?=date('H')?>';전에 이 소스로 유추해서 내맘대로
var tYear = <?=date('y')?>;
var tMonth = <?=date('m')?> + 1;
var tDate = <?=date('d')?>;
var tDay = <?=date('w')?>;
var tHour = <?=date('h')?>;
이렇게 해봤는데 역시나 안되네요... 년,월,일은 어찌해야하는건지...
에고 자꼬 귀찮게 해드려서 죄송합니다..ㅠㅠ
답변에 대한 댓글 2개
답변을 작성하려면 로그인이 필요합니다.
근데 제본문의 스크립트안에서 날짜 지정부분만 추가할수는 없는건가요?
기존 스크립트의 시간별과 토요일, 휴무이미지 변경을 그대로 쓰면서 지정된날짜에는 이미지를 적용하고 싶은건데
너무 번거로운 문의 염치없이 드려서 죄송합니다..ㅠㅠ