유 니 앱 전자상거래 애플 릿 주문 30 분 카운트다운 실현

본 논문 의 사례 는 유 니 앱 이 주문 30 분 카운트다운 을 실현 하 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.

카운트다운 함 수 는 다음 과 같 습 니 다.

// cm        -    
//             ，      new Date()        
runBack(cm) {
 if (cm > 0) {
 //        1  ，         ： x x ，     1  ，   00 x 
 cm > 60000
  ? (this.rocallTime =
  (new Date(cm).getMinutes() < 10
  ? "0" + new Date(cm).getMinutes()
  : new Date(cm).getMinutes()) +
  ":" +
  (new Date(cm).getSeconds() < 10
  ? "0" + new Date(cm).getSeconds()
  : new Date(cm).getSeconds()))
  : (this.rocallTime =
  "00:" +
  (new Date(cm).getSeconds() < 10
  ? "0" + new Date(cm).getSeconds()
  : new Date(cm).getSeconds()));
 let _msThis = this;
 //   setTimeout   ，1  ，       。，  cm =0  ，      
 setTimeout(function() {
  cm -= 1000;
  _msThis.runBack(cm);
 }, 1000);
 } else {
 this.ispay = false
 }
 },

단순 한 카운트다운 이 라면 setInterval 을 통 해 처리 할 수 있 습 니 다.

let time = 1800;
 setInterval(function(){
 time=time-1;
 var minute=parseInt(time/60);
 var second=parseInt(time%60);
 console.log('  '+minute+' '+second+' ');
 },1000);

위 에 있 는 이 카운트다운 함수 가 페이지 의 onload 함수 에 놓 여 있 으 면 이 페이지 를 불 러 옵 니 다.예 를 들 어 애플 리 케 이 션 을 다시 불 러 올 때 30 분 카운트다운 을 합 니 다.우리 가 원 하 는 것 은 다음 주문 의 순간 부터 30 분 카운트다운 을 하기 때문에 첫 번 째 방식 으로 처리 해 야 합 니 다.날짜 까지 백 스테이지 에서 되 돌려 주 는 방식.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.