Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 웹퍼블리셔
- 쇼핑몰
- 홈페이지구축
- 커스터마이징
- work6.kr
- 포트폴리오
- 고도몰
- 홈페이지
- 개발자
- 웹디자이너
- 웹퍼블리싱
- 안드로이드
- 웹에이전시
- 제이쿼리
- 쇼핑몰제작
- 사이트제작
- jQuery Plugin
- 쇼핑몰구축
- PHP
- 웹디자인
- 프로그래머
- JQuery
- 워크식스
- 홈페이지제작
- 튜닝
- plugin
- 웹개발자
- 플러그인
- 3D프린터
- CSS
Archives
- Today
- Total
그냥 개발자 블로그
타이머 워크식스 제이쿼리 플러그인 - countTimePro.js 본문
웹 개발 중에 타이머가 필요한 경우가 종종 생깁니다.
하지만 직접 구현하는데는 많은 시간이 소요 됩니다.
countTimePro.js 를 사용하면 빠른 시간 안에 타이머를 만들 수 있습니다.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/48"></script>
<script>
$(function(){
countTimer = $('#timer').countTimePro();
countTimer.setting({
time:'2019-05-29 23:58:00',//기준시간
endstop:false,//기준시간에 도달한 경우 멈출지 여부
format:'00:00'//00:00:00, 00:00, 00 중 택 1
});
$('#reset').click(function(){
countTimer.reset('2019-05-29 24:01:00');
});
});
</script>
<span id="timer"></span>
<button id="reset">reset</button>
사용법 및 영상은 워크식스 홈페이지에서 만나보실 수 있습니다.
copyright 2019. 워크식스
'소식 > 플러그인소식' 카테고리의 다른 글
스크롤바에 디자인 하기 워크식스 제이쿼리 플러그인 - designScroll.js (0) | 2019.05.26 |
---|---|
[워크식스] hamburgerMenu.js 플러그인 개발 (0) | 2019.03.27 |
[워크식스] 포트폴리오 20190227.js 플러그인 개발 (0) | 2019.03.25 |
input file 에 스타일 적용 시켜주는 플러그인 designFile.js - 워크식스 (0) | 2019.01.15 |
[워크식스] 토글버튼을 만들기 자바스크립트 플러그인 - designToggle_1.0.js (0) | 2018.06.20 |