Wx timer mpvue

README.md

@@ -10,7 +10,7 @@
 
 ## 在JS中调用
 ##### 引入  
-    `var timer = require('../../plugins/wxTimer.js');  `
+    import wxTimer from '../..//utils/wxSetTimer'
 
 ##### 最简单的调用方式： 
 
@@ -21,6 +21,30 @@ var wxTimer = new timer({
 wxTimer.start(this);
 wxTimer.stop();
 ``` 
+##### 和原生小程序不同
+    data() {
+        return {
+          wxTimerList: {},
+          wxTimer: '' // 倒计时
+        }
+    在data中定义了两个变量之后,新的时间是存在wxTimer中，直接vue文件中引用就行了
+    在vue文件中
+    <template lang="pug">
+      div#red-envelope-box-wrapper
+        div.header-time
+          span.time-box {{wxTimer}}
+    </template>
+    在js文件中，这里的传的是字符串“12:00:00”
+    setTime(time) {
+      let timer = new wxTimer({
+        beginTime: time,
+        complete:function(){
+          console.log("完成了")
+        },
+      })
+      timer.start(this)
+    }
+
 ##### 开启多个计时器  
 ```
 //开启第一个定时器

wxTimer.js

@@ -1,4 +1,4 @@
-var wxTimer = function (initObj){
+const wxTimer = function (initObj){
 	initObj = initObj || {};
 	this.beginTime = initObj.beginTime || "00:00:00";	//开始时间
 	this.interval = initObj.interval || 0;				//间隔时间
@@ -24,19 +24,17 @@ wxTimer.prototype = {
 	        //把2011年1月1日日 00：00：00换成数字型，这样就可以直接1s，1s的减，就变成了倒计时，为了看的更明确，又用new date把字符串换回来了
 	        var tmpTimeStr = tmpTime.toString().substr(16,8);//去掉前面的年月日就剩时分秒了
 	        var wxTimerSecond = (tmpTime.getTime() - new Date("1970/01/01 00:00:00").getTime()) / 1000;
-			var wxTimerList = self.data.wxTimerList;
+			var wxTimerList = self.$data.wxTimerList;
 
 			//更新计时器数组
 			wxTimerList[that.name] = {
 				wxTimer:tmpTimeStr,
 	            wxTimerSecond:wxTimerSecond,
 			}
 
-	        self.setData({
-	            wxTimer:tmpTimeStr,
-	            wxTimerSecond:wxTimerSecond,
-				wxTimerList:wxTimerList
-	        });
+	        self.wxTimer = tmpTimeStr
+      		self.wxTimerSecond = wxTimerSecond
+      		self.wxTimerList = wxTimerList
 	        //时间间隔执行函数
 	        if( 0 == (count-1) % that.interval && that.intervalFn){
 	            that.intervalFn();
@@ -62,4 +60,4 @@ wxTimer.prototype = {
 	}
 }
 
-module.exports = wxTimer;
+export default = wxTimer