countTime.js

기준시로 부터 남은 시간 혹은 경과시간을 간단히 구현해주는 플러그인

샘플영상

다운로드

countTime.js 다운로드

설치/사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/countTime.js"></script>

<script>
    $(function(){
        $('#countTime').countTime({
            time:'2015-07-20 00:00:00'//기준시간
        });
    });
</script>

<body>
    <span id="countTime"></span>
</body> 

 

1. 제이쿼리 설치가 필요 합니다.

 

 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/countTime.js"></script>

<script>
    $(function(){
        $('#countTime').countTime({
            time:'2015-07-20 00:00:00'//기준시간
        });
    });
</script>

<body>
    <span id="countTime"></span>
</body> 

 

2. 다운로드 받은 플러그인을 설치 합니다.

 

 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/countTime.js"></script>

<script>
    $(function(){
        $('#countTime').countTime({
            time:'2015-07-20 00:00:00'
//기준시간
        });
    });
</script>

<body>
    <span id="countTime"></span>
</body> 

 

3.시간을 표현할 엘리먼트(요소)를 추가 합니다.

 

 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/countTime.js"></script>

<script>
    $(function(){
        $('#countTime').countTime({
            time:'2015-07-20 00:00:00'//기준시간
        });
    });
</script>

<body>
    <span id="countTime"></span>
</body> 

 

4. 기준시간 옵션을 설정하여 함수를 작성 합니다.

 

 

 

 





! 플러그인 설치 및 수정은 견적문의 해주세요.