[해피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)


최종 실행시 아래와 같은 출력 결과물을 얻을 수 있습니다


간단한 출력에 대해 응용하여 이용하거나 공부삼아 코드를 들여다 보는것도 도움이 될거 같습니다