Android 에서 위 챗 애플 릿 결제 카운트다운 기능

효 과 를 보다

웹 경험 치가 약 하기 때문에-  처음에 제 생각 은 사건 을 찾 는 것 이 었 습 니 다.하지만 한참 동안 API 를 보 았 을 때 대체적으로 터치 만 하고 물리 적 으로 촉발 되 었 습 니 다.
내 가 생명 주 기 를 소홀히 하 다 니,생명 주기+스 레 드 는 완전히 괜 찮 잖 아~
사실 이 증명 하 듯 이 스 레 드 는 왕도 야.처음부터 그 랬 어야 지~
도 모 위 에서 도 많이 봤 어 요.모두 js 로 썼어 요.but,한 지 얼마 안 됐 나 봐 요.저 는 js 와 위 챗 애플 릿 에 익숙 하지 않 아 요.
생각:

onLoad:function(options)카운트다운 방법 함수 호출

4.567917.스 레 드 를 정의 하여 데이터 동적 현실 을 실시한다.
                            1.날짜 가 밀리초 로 바 뀝 니 다.
                             2.스 레 드 동적 디 스 플레이 정의
                             3.렌 더 링 초읽기
                                                 1.밀리초 고정 형식 으로 전환
                                                 2. 분 초 자리수 부족 을 처리 하 는 보충 0
코드 봤 어 요.
wxml:

<view class="pay_time"> 
 <image src="{{imgUrls_pay_time}}"></image> 
 <text>      ：</text> 
 <text>{{clock}} </text> 
</view> 

wxjs:

// pages/order/take_order/pay/pay.js 
var app = getApp() 
Page({ 
 data: { 
  imgUrls_pay_time: '/image/icon_orderstatus_countdown.png', 
  "productName": "", 
  "productPrice": "", 
  "payDetail": [], 
  "wxPayMoneyDesc": "", 
  "expireTime": "", 
  clock: '' 
 }, 
 onLoad: function (options) { 
  //       options            
  new app.WeToast() 
  var that = this; 
  that.count_down(); 
 }, 
 onReady: function () { 
  //        
 }, 
 onShow: function () { 
  //      
 }, 
 onHide: function () { 
  //      
 }, 
 onUnload: function () { 
  //      
 }, 
 /*        */ 
 count_down: function () { 
  var that = this 
  //2016-12-27 12:47:08        
  var a = that.data.expireTime.split(/[^0-9]/); 
  //    ：      
  var expireMs = new Date(a[0], a[1] - 1, a[2], a[3], a[4], a[5]); 
  //      
  var duringMs = expireMs.getTime() - (new Date()).getTime(); 
  //         
  that.setData({ 
   clock: that.date_format(duringMs) 
  }); 
  if (duringMs <= 0) { 
   that.setData({ 
    clock: "     ，     " 
   }); 
   // timeout      
   return; 
  } 
  setTimeout(function () { 
   //     -- 
   duringMs -= 10; 
   that.count_down(); 
  } 
   , 10) 
 }, 
  /*        */ 
 date_format: function (micro_second) { 
  var that = this 
  //    
  var second = Math.floor(micro_second / 1000); 
  //     
  var hr = Math.floor(second / 3600); 
  //     
  var min = that.fill_zero_prefix(Math.floor((second - hr * 3600) / 60)); 
  //    
  var sec = fill_zero_prefix(second % 60);// equal to => var sec = second % 60; 
  return hr + ":" + min + ":" + sec + " "; 
 }, 
 /*      0 */ 
 fill_zero_prefix: function (num) { 
  return num < 10 ? "0" + num : num 
 } 
}) 

tip:
하면,만약,만약...
다음 과 같이 표 시 됩 니 다.

위 에서 말 한 것 은 편집장 이 소개 한 안 드 로 이 드 의 위 챗 애플 릿 결제 카운트다운 기능 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 은 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!