微信小程序实现商城倒计时

网友投稿 380 2023-11-11

本文实例为大家分享了微信小程序实现商城倒计时的具体代码，供大家参考，具体内容如下

微信小程序实现商城倒计时

index.html：

?
1
2
3
4
5
6
7
8
<view class="countDownTimeView pull-left countDownAllView text-left">
<text>倒计时：</text>
<text class="voteText countDownTimeText">{{countDownHour}}</text> :
<text class="voteText countDownTimeText">{{countDownMinute}}</text> :
<text class="voteText countDownTimeText">{{countDownSecond}}</text>
</view>

util.js ：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
const formatTime = date => {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const hour = date.getHours()
const minute = date.getMinutes()
const second = date.getSeconds()
return [year, month, day].map(formatNumber).join(/) + + [hour, minute, second].map(formatNumber).join(:)
}
const formatNumber = n => {
n = n.toString()
return n[1] ? n : 0 + n
}
module.exports = {
formatTime: formatTime
}

index.js：

最终实现效果图如下：

为大家推荐现在关注度比较高的微信小程序教程一篇：《微信小程序开发教程》小编为大家精心整理的，希望喜欢。

以上就是本文的全

您可能感兴趣的文章:微信小程序实现短信验证码倒计时微信小程序实现验证码倒计时效果微信小程序实现验证码倒计时微信小程序实现倒计时微信小程序实现倒计时功能小程序实现短信登录倒计时微信小程序基于数据库时间实现商品倒计时功能(可重用代码)

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

标签：程序 微信小程序 小程序 js 代码
上一篇:小程序如何自主实现拦截器的示例代码
下一篇:微信小程序实现定位及到指定位置导航的示例代码
相关文章

 发表评论

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