简单易用的微信小程序倒计时库(win10倒计时小程序)

网友投稿 1089 2022-10-10

简单易用的微信小程序倒计时库(win10倒计时小程序)

简单易用的微信小程序倒计时库(win10倒计时小程序)

wxCountdown

简单易用的微信小程序倒计时库

使用方法

引入

import Countdown from '../../utils/wxCountdown.js'

初始化

你可以在页面初始化任意数量的倒计时对象。第一个参数是时间,你可以从后台拿数据动态传入;第二个参数是 countDown 的 id,第三个是当前页面对象。三个参数都是必选的。

Countdown.init('2018-5-17 17:47:30','countdown1',this)Countdown.init('2018-5-16 17:47:30','countdown2',this)Countdown.init('2018-5-15 18:00:00','countdown3',this)

页面

UI 部分我本来想写成template,但是那样UI就不灵活了,所以用户可以自行设计UI。

{{countdown1.day}} {{countdown1.hour}} {{countdown1.minute}} {{countdown1.seconds}} {{countdown2.day}} {{countdown2.hour}} {{countdown2.minute}} {{countdown2.seconds}} {{countdown3.day}} {{countdown3.hour}} {{countdown3.minute}} {{countdown3.seconds}}

效果

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Cookie/Session的认识
下一篇:elasticsearch索引index之Translog数据功能分析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~