[JavaScript] 슬롯머신 이벤트 구현
미리보기 추첨 중... 52%당첨! 5 2 % 내 쿠폰 확인하기 HTML 추첨 중... 12%당첨! 1 2 % 내 쿠폰 확인하기 JavaScript $(document).ready(function(){ var couponNum1 = 5 // 실제 당첨 10의 자리 수 , couponNum2 = 2 // 실제 당첨 1의 자리 수 , loadingT = 2000 // 쿠폰 추첨 중인 시간 , couponUnit = ['!','@','#','$','%','^','&','*'] , unitArr = 0; // ing... var randomUnit = setInterval(function(){ $('#cUnit').text(couponUnit[unitArr++]); if(unitArr >= couponUnit...
2022. 12. 15.
[JavaScript / jQuery] 룰렛 이벤트 구현
미리보기 start JavaScript HTML start JavaScript / JQuery 사용하여 룰렛이벤트 구현 예전 룰렛이벤트 페이지를 구현할 때 룰렛이 돌아가는 GIF 이미지를 on/off 시켜 구현하곤 했습니다. 작업하기 간단하지만 돌아가는 화면이 어색해 보이는 단점이 있습니다. 그래서 룰렛판을 돌려 위치값이 나오는 룰렛을 구현하였습니다. jquery easing 라이브러리를 사용하였고 rotate 값을 변경하면 결과값이 달라집니다. 그럴싸하죠??? animate, easing, javascirpt, JQuery, rotate, 룰렛, 룰렛이벤트, 이벤트, gif, roulette, event, 룰렛 페이지
2022. 12. 15.
