공휴일을 제외한 시간적용 ON/OFF 스크립트예제 (휴일추가가능)

세이세키

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 2733 2733

제목 그대로 영업시간을 설정해두면

공휴일/설정날짜를 제외한 날에

영업시간이 되면 'ON' 아니라면 'OFF'로 되는 스크립트입니다.

(일만 추가되서 한달에한번 봐줘야합니다. 월/년 추가는 알아서 응용)

예전에 만들어놨던건데 하도 쓸데가 없어서 여기 남깁니다...누군가 쓰시겠죠?

다운로드 후 값을 변경하면서 사용해보세요.

[code]

<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<style>
*{
margin:0;
padding:0;
border:0;
text-align:center;
font-family:'돋움';
font-size:12px;
color:#898989;
font-weight:normal;
line-height:16px;
}
ul, li{
list-style:none;
}
li{
float:left;
border:0;
display:list-item;
text-align: -webkit-match-parent;
}
ul{
display: block;
-webkit-margin-before:1em;
-webkit-margin-after:1em;
-webkit-margin-start:0px;
-webkit-margin-end:0px;
-webkit-padding-start:40px;
}
p, a{
margin:0;
padding:0;
text-decoration:none;
}
#sta{
position:absolute;
height::27px;
right:50px;
}
#sta li{
margin-right:8px;
padding-right:8px;
border-right:1px solid #afafaf;
margin-top:4px;
}
#sta li.last{
border:0;
padding:0;
}
/*여기부터*/
.op span{
color:green;
}
.cl span{
color:red;
}
/*여기까지 on/off 관련 CSS */
#sta li#lastist{
clear:both;
float:right;
display:none;
background:#999;
border:1px solid black;
padding:8px;
}
</style>
<script type="text/javascript">
$(document).ready(function(e) {

function formatDate(curDate) {
var today, resultDate;
today = new Date();
resultDate = new Date(curDate);
timegap = (today - resultDate)/(60*60*1000);
return resultDate;
};

var holyweek = [];//1달에 한번 휴일 작성하는곳 ex)[15,22,16]; 없으면 []; 공란

var now = new Date();
//console.log(now);
    var day = now.getDate();
        //console.log(day);
  var red = day == holyweek
var hour = now.getHours();
  //console.log(hour);
hour=((hour>=11) && (20>hour));
     //console.log(hour);
calendar = now.getDay();
     //console.log(calendar);
var breakTime = 0<calendar;
    //console.log(breakTime);

if(hour && breakTime && !red){
  $('#sta li.last>a>p').html("온라인상담 : <span>ON</span>").removeClass().addClass('op');
  }else{
   $('#sta li.last>a>p').html("온라인상담 : <span>OFF</span>").removeClass().addClass('cl');
   };
//console.log(hour);

var matetime=document.getElementById('#mate');

});
</script>
<body>
<ul id="sta">
<li><a href="#"><p>HOME</p></a></li>
<li><a href="#"><p>회사소개</p></a></li>
<li><a href="#"><p>사업소개</p></a></li>
<li class="last"><a href="#"><p></p></a></li>
<li id="lastist"><p><p></li>
</ul>

</body>
</html>

[/code]

첨부파일

Timeset.html (2.5 KB, 16회)

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4796	jQuery	jQuery ( ": first-child") [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1534
4795	jQuery	.first()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1438
4794	jQuery	.finish ([queue])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1563
4793	jQuery	.find (selector)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1620
4792	jQuery	.filter (selector)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1629
4791	jQuery	jQuery ( ": file")	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1794
4790	jQuery	.fadeToggle ([duration] [, easing] [, complete])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1735
4789	jQuery	.fadeTo( duration, opacity [, complete ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1599
4788	jQuery	.fadeOut ([duration] [, complete])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1660
4787	jQuery	.fadeIn ([duration] [, complete])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1475
4786	jQuery	event.which	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1434
4785	jQuery	event.type	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1645
4784	jQuery	event.timeStamp	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1524
4783	jQuery	event.target	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1233
4782	jQuery	event.stopPropagation ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1600
4781	jQuery	event.stopImmediatePropagation ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1339
4780	jQuery	event.result	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1576
4779	jQuery	event.relatedTarget	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1984
4778	jQuery	event.stopImmediatePropagation()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1958
4777	jQuery	event.result	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1529
4776	jQuery	event.relatedTarget	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1582
4775	jQuery	event.preventDefault ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1971
4774	jQuery	event.pageY	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1487
4773	jQuery	event.pageX	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1410
4772	jQuery	event.namespace	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2203
4771	jQuery	event.metaKey	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3613
4770	PHP	테이블에서 동적 rowspan 만들기 [5]	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	5579
4769	기타	vi 명령모드	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1964
4768	기타	vi 입력모드	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1781
4767	기타	vi의 세가지 모드	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2067