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 | 29 | 30 | 31 |
Tags
- PM부트캠프
- 프로덕트 매니저
- 회고록
- jquery
- 회고
- UX
- 생활코딩
- kpt회고
- CSS
- 데이터
- 쇼핑몰
- javascript
- 서비스 기획
- 스프링
- html
- tag
- 코딩
- UI
- 스프링부트
- PM
- SpringBoot
- PO
- 프로젝트 매니저
- 자바스크립트
- 서비스기획
- 서비스분석
- 데이터분석
- 코드스테이츠
- 서비스 기획자
- db
Archives
- Today
- Total
목록퍼블리싱 (1)
콘텐츠기획자의 IT입문서
jQuery - 타임세일 구현하기
타임세일 이벤트는 많은 쇼핑몰에서 진행되고 있는 이벤트 중 하나! 위의 디자인처럼 구현은 하지 않았지만 비슷한 형식으로 타임세일을 구현해보았다. 매일 특정시간대에 진행되는 타임세일 이벤트이기 때문에 카운트다운 하는 시계를 만드는 코드에 추가적으로 if else 문을 통해 시간 조건을 걸어주었다. 1. 특정 시간대만 상품이 노출되게 한다. 2. 이벤트 진행 시간대가 아니라면 1) 이벤트 진행 전 - 상품에 blur 필터를 추가하여 정보를 가리고, "3시 OPEN" 문구 노출 2) 이벤트 진행 후 - 상품에 blur 필터를 추가하여 정보를 가리고, "내일 3시에 만나요" 문구 노출 function timeSale() { var nowTime = new Date(); var openTime = new Date..
JavaScript
2022. 6. 17. 11:09