상담시간별 표시on/off 소스 > 솔루션(그누/영카트) 팁자료실

본문 바로가기
사이트 내 전체검색

회원로그인

회원가입

오늘 본 상품 0

없음


솔루션(그누/영카트) 팁자료실

기타 상담시간별 표시on/off 소스

페이지 정보

profile_image
작성자 관리자
댓글 0건 조회 2,739회 작성일 22-04-29 14:51

본문

상담시간별 표시on/off 소스 

1/ 한달에 한번 공휴일을 제외한 연휴날짜 추가입력후 셋팅

2/ 추가적으로 응용가능



<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 class="last"><a href="#"><p><!-- 온라인상담 --></p></a></li>

<li id="lastist"><p><!-- 상담시간 : 11:00~20:00 --><p></li>

</ul>


</body>

</html>

댓글목록

등록된 댓글이 없습니다.


네이버블로그 인스타그램 네이버까페 유튜브 네이버밴드 페이스북 트위터 카카오스토리

사이트 정보

회사명 : 회사명 / 대표 : 대표자명
주소 : OO도 OO시 OO구 OO동 123-45
사업자 등록번호 : 123-45-67890
전화 : 02-123-4567 팩스 : 02-123-4568
통신판매업신고번호 : 제 OO구 - 123호
개인정보관리책임자 : 정보책임자명

접속자집계

오늘
105
어제
104
최대
331
전체
30,395
Copyright © 소유하신 도메인. All rights reserved.