微信小程序中显示倒计时

最新推荐文章于 2024-02-26 10:04:35 发布

慕容屠苏

最新推荐文章于 2024-02-26 10:04:35 发布

阅读量769

点赞数

分类专栏：微信小程序原生基础爬坑大前端爬坑之路

本文链接：https://blog.csdn.net/kerryqpw/article/details/81150441

版权

大前端爬坑之路同时被 2 个专栏收录

188 篇文章 60 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

微信小程序原生基础爬坑

52 篇文章 43 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在微信小程序中实现倒计时展示。通过WXML和JS配合，完成从特定时间点开始的倒计时显示，适用于各类需要倒计时场景。

摘要由CSDN通过智能技术生成

微信小程序中显示倒计时

wxml:

<view class='countdown'>剩:<text style='color:#6B4EFD'> {
  {countDownDay}} </text> 天 <text style='color:#6B4EFD'>{
  {countDownHour}} </text> <text style='color:#6B4EFD'>{
  {countDownMinute}} </text>  <text style='color:#6B4EFD'>{
  {countDownSecond}} </text>
              </view>

js:

Page( {
  data: {
    windowHeight: 654,
    maxtime: "",
    isHiddenLoading: true,
    isHiddenToast: true,
    dataList: {},
    countDownDay: 0,
    countDownHour: 0,
    countDownMinute: 0