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

세이세키

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

· 8년 전 · 조회 2737 2737

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

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

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5366	기타	간단한 전자입찰 전략 계산기 [3]	nekoieye 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1118
5365	PHP	if문으로 비교할게 여러개일때 (feat array_filter) [1]	레오가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	773
5364	JavaScript	document.querySelector 의 상수화 [2]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	525
5363	JavaScript	로또데이터 자바스크립트 기본함수 [7]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	993
5362		로또 최신회차 추출하기 [16]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1230
5361	JavaScript	당첨확률 높은 로또번호 추출하기 [24]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1240
5360		순수 CSS로 아코디언 메뉴 구현하기	그누보드이해하기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	774
5359		직관적인 컬러 찾기 ~ (컬러피커) [3]	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1089
5358		자바스크립트 응용배열 [10]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1095
5357		PHP 웹 스크래퍼 만들기 : guzzle + dom-crawler [1]	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	807
5356		토글, 페이지 새로고침 전 상태 유지. (브라우저 쿠키 활용)	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	367
5355		가벼운 랜더링 클래스 [1]	BupKuuBro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	585
5354		유튜브 반응형 강제쇼츠 동영상 [14]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1062
5353		열기 닫기 아코디언(?) 토글(?) 형식 배너 만들기 [4]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	703
5352		브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 [3]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	639
5351	PHP	메일 사진 첨부하는 방법 [2]	론지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	808
5350	PHP	파일업로드시 이미지 파일 특정 크기로 미리 줄여서 업로드 하기	식냥이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	573
5349	OS	오래된 파일 지우기	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	646
5348	기타	링크 단축기	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	450
5347	기타	파일클립(용량무제한 파일첨부관리 클라우드) 그누보드 플러그인을 써보실분 찾습니다. [7]	파일키위 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	630
5346	기타	[7월 개강반 무료 5분 선착순 모집]AWS 클라우드 활용 풀스택 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	505
5345	기타	[7월 개강반 무료 5분 선착순 모집]인공지능,AI 핀테크 서비스 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	397
5344	JavaScript	마우스 아웃시 레이어창이 안닫혀요	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	429
5343	PHP	버튼 오버시 레이어창 1개는 되는데 2개부터 작동안함	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	501
5342	jQuery	카카오 우편번호 jquery로 변환	dbxo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	575
5341	PHP	계좌번호 복사소스 [1]	WebProduct 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	878
5340	Mobile	br 태그 모바일에만 보여주기	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	558
5339	기타	불량단어 말고 태그 제한 코드 쎄게 박아넣기	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	559
5338		카페24서버 php7 에서 mssql 연결 안될때 활용법 [3]	멀티트리플 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1295
5337	기타	유튜브 스크립트, 비메오 [7]	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1791