npm install @panhezeng/countdown示例代码目录 /example
构造函数参数
/\\
- @param nowTime 当前时间戳,毫秒,默认 new Date().getTime()
- @param endTime 结束时间戳,毫秒, 必填
- @param onUpdate 倒计时更新回调函数,必填,回调传值,倒计时对象{days,hours,minutes,seconds}
- @param onComplete 倒计时结束回调函数
- @param autoStart 自动开始倒计时,默认 true
- @param update 初始化后立即执行一次更新回调函数,默认 false
- @param padStart 更新回调函数返回对象的时间是否补零,默认 true
- @param delay 触发更新回调函数的间隔时间,默认 1000 毫秒
\*/
实例方法
init 和构造函数的参数一样,除了 autoStart,此方法可以用于 start 后,不销毁计时器的情况下,改变倒计时依赖的参数
start 开始倒计时,autoStart 为 false 时,手动开始倒计时可以调用此方法
update 更新倒计时方法,会执行 onUpdate 回调
getObject 参数 time,时间毫秒,必填,获得该时间的倒计时对象,{days,hours,minutes,seconds}
clear 手动清除倒计时
补零功能使用了 String.prototype.padStart(),如需兼容老浏览器,自己添加 polyfill
修改了 output 方式,通过 require 或 window 方式使用,不需要加.default
npm i @panhezeng/countdown -S
``javascript
import Countdown from "@panhezeng/countdown";
const cdInstance = new Countdown({
endTime: new Date().getTime() + 1081000,
onUpdate: data => {
console.log(${data.hours}:${data.minutes}:${data.seconds});`
},
onComplete: () => {
console.log("cd complete");
}
});
`bashinstall dependencies
npm install
``