React Countdown Timer自定义倒数计时器组件
自定义的倒数计时器功能，react-countdown-timer这个小组件做得还蛮灵活。支持传入目标时间，支持回调函数，样式也好改，适合需要嵌入倒计时功能的场景，比如限时活动页、抽奖倒计时啥的。
React 的项目结构是基于 Create React App 搭的，熟悉这套的应该都能快上手。启动方式也标准，yarn start直接跑开发环境，改一行代码浏览器自动刷新，体验还不错。
测试用yarn test，打包就yarn build，产物会自动压缩、加哈希名，部署不用操心太多。构建优化这一块基本交给脚手架就行，想自己调配置也支持yarn eject，不过记得一旦 eject 就回不来了哦。
样式上没啥太多限制，你可以直接在组件外层包一层 div，或者用 styled-components 都行，灵活性还蛮高。适合做那种需要定制 UI 风格的倒计时。用过一些倒计时库，这个算比较轻量也好改的那种。
如果你刚好在用 React，又想快速接入一个自定义程度比较高的倒计时功能，那react-countdown-timer是个还不错的选择。可以参考下CountDown-timerReact 倒数计时器组件的例子，思路挺清晰。
文件大小：215.08KB
评论区