1.0.1 增加了时间到了的事件

README.md

@@ -25,10 +25,15 @@ import FlipDown from 'vue-flip-down';
 ### 参数
 
 | 名称    | 类型        | 默认 | 描述                                                                                  |
-|----|----|----|----|
+| ------- | ----------- | ---- | ------------------------------------------------------------------------------------- |
 | endDate | Date/Number | 0    | 结束的时间，即倒计时会从当前时间一直到endDate停止，可以是一个日期对象，也可以是毫秒数 |
 | type    | Number      | 4    | 要怎么显示倒计时：4-日时分秒，3-时分秒，2-分秒，1-秒                                  |
 
+### 事件
+| 名称   | 返回值 | 描述                                    |
+| ------ | ------ | --------------------------------------- |
+| timeUp | null   | 当倒计时走到0时会触发一次，表示时间到了 |
+
 
 ### 说明
 

example/src/app.vue

@@ -1,7 +1,8 @@
 <template>
   <div>
     <CountDown :endDate="endDate"
-               :type="type" />
+               :type="type"
+               @timeUp="onTimeUp" />
 
     <hr />
     <input v-model="type">
@@ -14,7 +15,7 @@ export default {
   data() {
     return {
       type: 4,
-      endDate: new Date().getTime() + 100861100,
+      endDate: new Date().getTime(),
     };
   },
   components: {
@@ -24,6 +25,9 @@ export default {
     onTypeChange(t) {
       this.type = t;
     },
+    onTimeUp() {
+      console.log('时间到了');
+    },
   },
 };
 </script>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-flip-down",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "vue 翻页效果的倒计时组件",
   "main": "dist/main.js",
   "scripts": {

src/app.vue

@@ -139,7 +139,6 @@ export default {
     // 开始倒计时
     start() {
       clearTimeout(this.timer);
-      console.log('每秒1次啊');
       this.timer = setTimeout(() => {
         let t = this.endTime - new Date().getTime(); // 剩余的毫秒数
         t = t < 0 ? 0 : t;
@@ -169,7 +168,11 @@ export default {
         this.min = String(min).padStart(2, '0');
         this.second = String(second).padStart(2, '0');
 
-        if (t > 0) this.start();
+        if (t > 0) {
+          this.start();
+        } else {
+          this.$emit('timeUp');
+        }
       }, 1000);
     },
     // 日 动画结束