微信小程序实现活动倒计时

嫣嫣细语

于 2023-05-16 17:35:19 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/aaa123aaasqw/article/details/130710600

1.实现效果

在这里插入图片描述

2.实现步骤
1.获取指定截止时间与当前时间的毫秒，即为剩余毫秒值，若剩余毫秒值小于0则返回0。

2.格式化当前毫秒，自动补0，转换成一个数组，格式为[‘天’，‘时’, ‘分’, ‘秒’]。

3.实现代码

<view class="flex-row time-box j_c">
  <view class="time-item">{
  {left_time_list[0]}}</view>天
  <view class="time-item">{
  {left_time_list[1]}}</view>时
  <view class="time-item">{
  {left_time_list[2]}}</view>分
  <view class="time-item">{
  {left_time_list[3]}}</view>秒
</view>
<view class="flex-row time-box j_c ">
  <view class="flex-row">
    <block wx:for="{
  {left_time_list_date[0]}}" wx:key="li