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

세이세키

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

· 8년 전 · 조회 2731 2731

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

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

영업시간이 되면 '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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4736	jQuery	deferred.catch( failFilter )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1558
4735	jQuery	deferred.always (alwaysCallbacks [, alwaysCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1746
4734	jQuery	.dblclick (handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1735
4733	jQuery	제이쿼리 .data()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2032
4732	jQuery	.css (propertyName)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1955
4731	jQuery	.contextmenu( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1459
4730	jQuery	.contents()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1915
4729	PHP	php 구글 OTP 연동 테스트 하던 자료 [9]	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	6898
4728	jQuery	jQuery ( ": contains (text)")	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2561
4727	jQuery	.closest (selector)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1610
4726	jQuery	.clone( [withDataAndEvents ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1689
4725	jQuery	제이쿼리 .click( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1833
4724	jQuery	제이쿼리 .clearQueue ([queueName])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1310
4723	jQuery	제이쿼리 jQuery( ".class" )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1861
4722	jQuery	제이쿼리 .children ([selector])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1624
4721	jQuery	제이쿼리 jQuery ( ": checkbox")	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1917
4720	jQuery	제이쿼리 .change( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1974
4719	jQuery	제이쿼리 callbacks.remove( callbacks )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1601
4718	jQuery	제이쿼리 callbacks.locked ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1607
4717	jQuery	제이쿼리 callbacks.lock()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1558
4716	jQuery	제이쿼리 callbacks.has ([callback])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1235
4715	jQuery	제이쿼리 callbacks.fireWith ([context] [, args])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1391
4714	jQuery	제이쿼리 callbacks.fired()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1414
4713	jQuery	제이쿼리 callbacks.fire (arguments)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1333
4712	jQuery	제이쿼리 callbacks.fire (arguments)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2226
4711	jQuery	제이쿼리 callbacks.empty()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1708
4710	PHP	rsa 암호화 클래스	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3747
4709	jQuery	제이쿼리 callbacks.disable ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1629
4708	jQuery	제이쿼리 callbacks.add( callbacks )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1906
4707	jQuery	제이쿼리 .blur( handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1759