테스트 사이트 - 개발 중인 베타 버전입니다

실시간 금액 변경 채택완료

공부가 8년 전 조회 3,444

현재 영카트로 쇼핑몰 작업 중인데

실시간으로 금액을 내려가게 하고 싶은데 어떻게 작업해야 할지 알고리즘이 생각이 나지 않아서요. 혹시 제작 완료된 시킨이라도 있으면 주소 좀 알려 주실수 있을가요.

예:

시작 금액 60000

설정시간 1시간

이렇게 되면 1분당 1000원씩 금액 할인 되게 하고 싶거든요. 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
8년 전

setinterval(), clearInterval(), ajax로 응용하여  


데이터베이스 상품 테이블의 금액값을 주기적으로 


update 하면 될 듯 싶습니다.


아래 소스 응용하셔서 개발해보세요 


간단한 예제)


</p><p style="font-size: 14.6667px;"><script type="text/javascript"> </p><p style="font-size: 14.6667px;">
</p><p style="font-size: 14.6667px;">$(document).ready(function(){ </p><p style="font-size: 14.6667px;">
</p><p style="font-size: 14.6667px;">var price = 60000;</p><p style="font-size: 14.6667px;">var count = 0;</p><p style="font-size: 14.6667px;">
</p><p style="font-size: 14.6667px;">$('#price').text(price+"원")</p><p style="font-size: 14.6667px;">
</p><p style="font-size: 14.6667px;">var re = setInterval(function() {</p><p style="font-size: 14.6667px;">
</p><p style="font-size: 14.6667px;"><span style="white-space: pre;">	</span>price -= 1000;</p><p style="font-size: 14.6667px;"><span style="white-space: pre;">	</span>//console.log('re');</p><p style="font-size: 14.6667px;"><span style="white-space: pre;">	</span>count++;</p><p style="font-size: 14.6667px;"><span style="white-space: pre;">	</span>$('#price').text(price+"원");</p><p style="font-size: 14.6667px;"><span style="white-space: pre;">	</span>if(count==60){ </p><p style="font-size: 14.6667px;"><span style="white-space: pre;">		</span>clearInterval(re);</p><p style="font-size: 14.6667px;"><span style="white-space: pre;">	</span>}</p><p style="font-size: 14.6667px;">}, 60000); // 60000 m/s은 1분</p><p style="font-size: 14.6667px;">
</p><p style="font-size: 14.6667px;">}); </p><p style="font-size: 14.6667px;"></script> </p><p style="font-size: 14.6667px;"><p id="price"></p></p><p style="font-size: 14.6667px;">

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

공부가
8년 전

위 소스 수정할 부분이 많아서 저절로 새로 만들었습니다. ㅋㅋ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인