Timer

倒计时组件。

示例1
  1. <nut-timer 
  2. :timespacer="6000000000" 
  3. @end-timer="endTimer"
  4. ></nut-timer>

  1. export default {
  2.     methods:{
  3.       endTimer1() {
  4.         console.log('示例1的倒计时结束了！');
  5.       }
  6.     }
  7. }

示例2
  1. <nut-timer 
  2.         timespacer="600000000" 
  3.         @end-timer="endTimer2" 
  4.         formater="dd天hh时mm分ss秒" 
  5.         starttime="2018-06-05 12:30:30" 
  6.         endtime="2018-06-06 10:13:30"></nut-timer>

  1. export default {
  2.     methods:{
  3.       endTimer2() {
  4.         console.log('示例2的倒计时结束了！');
  5.       }
  6.     }
  7. }

Props
参数说明类型默认值可选值
timespacer需要倒计时的毫秒数，如果有starttime和startend参数则此参数不生效Number0—
formater倒计时显示格式，d对应剩余天数，h对应剩余小时，m对应剩余分钟，s对应剩余秒Stringhh:mm:ss—
starttime倒计时起始时间，可以为ms格式，可以是时间格式Number | String | Date0—
startend倒计时结束时间，可以为ms格式，可以是时间格式Number String | Date0—
Events
事件名说明回调参数
end-timer倒计时结束时触发—