일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #cgimall
- #이미지
- 해피씨지아이
- 홈페이지제작
- #쇼핑몰
- 사이트제작
- jquery
- 게시판
- 해피CGI
- CGIMALL
- happycgi
- #동영상
- #홈페이지제작
- #홈페이지
- javascript
- CSS
- #image
- 쇼핑몰
- 홈페이지
- #jQuery
- php
- #웹솔루션
- #CSS
- #업종별
- #뉴스
- #해피CGI
- #happycgi
- #솔루션
- 웹솔루션
- 솔루션
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jquery tidyTime.js 본문
* tidyTime.js
- 사용자에게 더 친근한 방법으로 시간을 표시하여 제공하는 jQuery 플러그인
* 기능소개
- 간소한 구조 쉬운사용
- 동적 웹사이트 및 앱에서 작동
- 독립 실행형 시계로 사용가능
ex) 시간별 멘트 출력(08:15 - 8시 15분이 지난다, 12:01 - 정오 12시 지나서 음악을 듣자)
* 사용방법
- 상단에 기본제공되는 스크립트 파일과 문구가 출력될 tidyTime class설정
js.js 에는 아래와 같은 tidyTime 옵션을 설정할 수 있는 스크립트가 있는데
8 시 15분 뒤에 나올 메시지에 대한 설정이 가느하도록 되어있으며
해당 스크립트를 js 파일로 호출하지 않고 별도로 문서에 가져와서 설정을 하여도 됩니다
before, after 옵션 중간에 들어갈 문자는 tidyTime.js 에서 멘트를 삽입하고 있습니다
설정 할 수 있는 옵션은 아래와 같습니다
time
- 전환하기를 원하는 시간(mm:hh) 기본값은 현재시간
before
- tidyTime 이전에 사용될 텍스트 문자열
after
- tidyTime 이후에 사용할 텍스트 문자열
periodOfDay
- tidyTime에 일기를 추가할지 여부
callback
- 시간이 업데이트되면 콜백으로 전달하려는 함수를 설정가능
반환할 때 세개의 값이 함수에 전달됨(요소,시간 및 tidyTime)
최종 실행시 아래와 같은 출력 결과물을 얻을 수 있습니다
간단한 출력에 대해 응용하여 이용하거나 공부삼아 코드를 들여다 보는것도 도움이 될거 같습니다
- 사용자에게 더 친근한 방법으로 시간을 표시하여 제공하는 jQuery 플러그인
* 기능소개
- 간소한 구조 쉬운사용
- 동적 웹사이트 및 앱에서 작동
- 독립 실행형 시계로 사용가능
ex) 시간별 멘트 출력(08:15 - 8시 15분이 지난다, 12:01 - 정오 12시 지나서 음악을 듣자)
* 사용방법
- 상단에 기본제공되는 스크립트 파일과 문구가 출력될 tidyTime class설정
js.js 에는 아래와 같은 tidyTime 옵션을 설정할 수 있는 스크립트가 있는데
8 시 15분 뒤에 나올 메시지에 대한 설정이 가느하도록 되어있으며
해당 스크립트를 js 파일로 호출하지 않고 별도로 문서에 가져와서 설정을 하여도 됩니다
before, after 옵션 중간에 들어갈 문자는 tidyTime.js 에서 멘트를 삽입하고 있습니다
설정 할 수 있는 옵션은 아래와 같습니다
time
- 전환하기를 원하는 시간(mm:hh) 기본값은 현재시간
before
- tidyTime 이전에 사용될 텍스트 문자열
after
- tidyTime 이후에 사용할 텍스트 문자열
periodOfDay
- tidyTime에 일기를 추가할지 여부
callback
- 시간이 업데이트되면 콜백으로 전달하려는 함수를 설정가능
반환할 때 세개의 값이 함수에 전달됨(요소,시간 및 tidyTime)
최종 실행시 아래와 같은 출력 결과물을 얻을 수 있습니다
간단한 출력에 대해 응용하여 이용하거나 공부삼아 코드를 들여다 보는것도 도움이 될거 같습니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] Monthly--- jQuery based responsive calendar plugin (0) | 2017.03.22 |
---|---|
[해피CGI][cgimall][JSON] 웹에서 json 의 구조를 그려주는 사이트 (0) | 2017.03.21 |
[해피CGI][cgimall] jquery.alsEN Ver1.7 (0) | 2017.03.17 |
[해피CGI][cgimall] Templates (0) | 2017.03.16 |
[해피CGI][cgimall] Edit Tag (0) | 2017.03.15 |
Comments