위토즈 - 개발자프로그램판매공간

정보공유

[JQUERY] 금액 카운팅 모션 다라라락 변화




<div class="calculator-group">


        <select name="selectname1">

            <option value="1" data-price="100">100<option>

            <option value="2" data-price="200">200<option>

            <option value="3" data-price="300">300<option>

        </select>


        <select name="selectname2">

            <option value="11" data-price="1100">1100<option>

            <option value="12" data-price="1200">1200<option>

            <option value="13" data-price="1300">1300<option>

        </select>


</div>


<div class="total-price"><span class="price">0</span>원</div>



function countEvent() {


    let total_price = price = 0;

    $('.calculator-group select').each(

        function(){

            price = $(this).children('option:selected').data('price');

            if (price == null) {

                price = 0;

            }

            total_price += parseInt(price);

        }

    );


    let target = $('.total-price .price');

    let now = 0;

    let machine = setInterval(()=>{

        now=now+1;

        if(total_price <= now){now=total_price;}

        target.html(now.toLocaleString());

        if(now >= total_price){

            clearInterval(machine);

        }

        now=now+1000;

    },10);

}

정보공유
Total 52건 1 페이지
번호 제목 글쓴이 날짜 조회
열람중 금액 카운팅 모션 다라라락 변화 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-26 1241
51 php 와 ajax 를 이용해서 파일 업로드 할때 대용량 파일을 업로드 하는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-23 2026
50 datepicker 를 이용해서 달력3개를 표시하고 원하는 날짜만 선택이 가능하도록. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-28 1951
49 magnificPopup css 를 추가하여 popup 마다 다른 사이즈 로 띄우기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-16 2615
48 magnificPopup 조건이 맞지 않으면 popup 띄우지 않기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-12 2636
47 magnificPopup iframe 으로 form submit 하기 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-12 2656
46 magnificPopup 으로 창을 호출 후 날짜 입력박스에 datepicker 실행되지 않는경우 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-13 3565
45 magnificPopup 파라미터 변수 값 ajax 타입으로 전송 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-31 3515
44 jquery 로 text 필드와 file 첨부를 동시에. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-09 3550
43 파일 첨부 를 이미지버튼으로 대체한경우 첨부한 파일명 표시하기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-09 3511
42 폼을 생성하고 선택된(필요한) 영역의 값만 전송 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-17 4208
41 탭으로 나눠지는 슬라이드 쇼 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-13 5307
40 jquery fullcalendar eventOrder 정렬 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-23 14036
39 주소복사 계좌번호복사 URL복사 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-11 12626
38 jquery 스와이프 메뉴 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-15 13606