uni-app使用countdown插件實現倒計時

本文實例為大家分享了使用countdown插件實現倒計時的具體代碼，供大家參考，具體內容如下

實現的效果如下：

這里實現的是一個活動倒計時，獲取當前時間和活動開始時間，相減得出的時間差就是我們需要的倒計時。愛掏網 - it200.com使用插件很方便。愛掏網 - it200.com

首先新建一個項目，選擇uni-app，模板選擇hello-uniapp，里面有官網的組件可以直接使用。愛掏網 - it200.com創建之后將components整個文件夾復制到自己的項目中。愛掏網 - it200.com

在需要使用倒計時的頁面引入組件

在頁面中放置定時器的位置

距開始剩
 
    

計算定時器中綁定的時間d,h,m,s

var date = new Date();
  var now = date.getTime();
  var star = this.myData.startTime
  var endDate = new Date(star); 
  var end = endDate.getTime(); 
  var leftTime = end-now;
  if (leftTime >= 0) {
 this.d = Math.floor(leftTime/1000/60/60/24); 
 this.h = this.myData.validTime+Math.floor(leftTime/1000/60/60%24); 
 this.m = Math.floor(leftTime/1000/60%60); 
 this.s = Math.floor(leftTime/1000%60);
 console.log(this.d+'天'+this.h+'時'+this.m+'分'+this.s+'秒')
}

完整代碼：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。愛掏網 - it200.com?