vue 封装的简易倒计时 ,提供暂停和启动服务

 可以通过传入三个参数来控制 time 倒计时一共多少秒  date 倒计时到哪一天 从今天开始计算 start是否启动/暂停倒计时 默认是启动 

1先安装依赖玉林路扛把子的npm包   htui-yllkbz

yarn add htui-yllkbz

2.在本地引入ui库

import HtUi from "htui-yllkbz";
import "htui-yllkbz/lib/htui.css";
Vue.use(HtUi);

 3 .在代码块里面直接引用

 <ht-count-down :times="250"
                     :start="!state.start"
                     date="2022-01-26 19:10:11">
        <template slot-scope="{timeStr}">
          {{timeStr}}
        </template>
      </ht-count-down>

相关参数说明

参数	备注
time	number 传入的具体描述 非必填
date	string   具体从现在到将来的哪一天 '2022-01-01 00:00:00' 非必填
start	boolean 是否启动倒计时 默认是true

记住:time和date必须传一个 如果都传了date优先

组件里面的内容显示可以自定义 接收time,timeStr两个参数

 

如有任何问题 欢迎留言提出