Page({// 倒计时count_down: function (countDown_time){var that = this;var time = countDown_time.split(':')var hhh = parseInt(time[0])var mmm = parseInt(time[1])var sss = parseInt(time[2])this.setData({sss: (sss < 10) ? '0' + sss : sss,mmm: (mmm < 10) ? '0' + mmm : mmm,hhh: (hhh < 10) ? '0' + hhh : hhh})var Interval = setInterval(function () {if (sss > 0) {sss--} else {console.log('时间到')clearInterval(Interval)}if (sss == 0) {if (mmm > 0) {mmm--sss = 59;}if (mmm == 0 && hhh > 0) {hhh--sss = 59;mmm = 59;}}that.setData({sss: (sss < 10) ? '0' + sss : sss,mmm: (mmm < 10) ? '0' + mmm : mmm,hhh: (hhh < 10) ? '0' + hhh : hhh})}, 1000)},onLoad: function (options) {var countDown_time = '00:21:03';this.count_down(countDown_time)}
})
<text>{{hhh}}:{{mmm}}:{{sss}}</text>

微信小程序开发交流qq群   581478349

   承接微信小程序开发。扫码加微信。

微信小程序时间格式倒计时相关推荐

  1. 微信小程序时间格式在IOS苹果手机上不识别

    场景:微信小程序,后台给前端返回了一个 "2022-12-29 16:10:20"  这样的时间格式,在安卓手机上可以正常显示,但是在苹果手机上不识别 原因:         是因 ...

  2. 微信小程序时间格式转换

    time.wxs var formatDate = function (datetime, type) { var str = type ? type : "yyyy-MM-dd hh:mm ...

  3. 微信小程序多个倒计时

    wechatide://minicode/QUV0k2mG7R2Q 这是微信小程序的一个倒计时代码片段,但在苹果手机里,这个倒计时并不会显示!! 原因是在苹果手机里时间戳的转换问题!! 可兼容苹果安卓 ...

  4. html倒计时代码+微信可用,微信小程序动态显示项目倒计时效果

    本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码,供大家参考,具体内容如下 1.一般我们说的显示秒杀都是指的单条数据,循环我没做. 效果: 2.wxml代码: 剩余时间:已经截止 剩余时间: ...

  5. 微信小程序时间标签与范围联动设计实现

    微信小程序时间标签与范围联动设计实现?最近忙于一个有关数据管理的微信小程序开发,遇到了上图情况,虽然很简单,还是整理一下.若有错误,请广大朋友们指正. 使用微信小程序组件radio-group.pic ...

  6. taro微信小程序时间组件picker的使用--省市区三级联动

    微信小程序时间组件实现三级联动 项目技术手段支撑 taro+react+scss实现的微信小程序 Picker使用说明 相信大家在微信小程序开放文档里面已经学会了使用组件picker实现时间,和单列组 ...

  7. 微信小程序之订单倒计时实现

    倒计时 之前在做一个有拼团功能项目的时候遇到过倒计时的问题,由于当时技术不熟在这方面耽搁了好些时间,所以这里整理出来希望能为后来人提供些许启发. 1.实现思路: 求出发起拼团时间与拼团结束时间的时间差 ...

  8. uniapp实现微信小程序音频播放倒计时的功能,类似微信语音条

    uniapp实现微信小程序音频播放功能 最近需要有个项目需要用到音频播放,第一个想到的是audio标签,但是查阅了uniapp官方文档,发现audio组件已经不维护了. 官网推荐使用uni.creat ...

  9. 微信小程序-使用对象格式数据进行遍历的坑(对象格式的赋值及遍历顺序)

    需求背景 项目需要做一个类似于及时聊天的留言板功能(其实除了不能实时刷新消息,其它也没差别了), 需要按照时间顺序,将最新的消息展示在最下面,下拉则加载更多历史消息 正文 因为前期未充分考虑到数据结构 ...

最新文章

  1. 【Java】使用单向链表实现一个队列(Queue)
  2. linux下命令行安装anaconda3+pytorch+fastai
  3. 关于Jenkins部署代码权限三种方案
  4. C++ Primer 5th笔记(chap 19 特殊工具与技术)两种不可移植的特性之“位域”
  5. 《Effective C#》Item 21:用委托实现回调
  6. 第16届电源技术专题研讨会
  7. 计算机视觉论文-2021-06-14
  8. 递归与递推类型题小结
  9. python求数的绝对值一定是正数_Python变量运算符和位运算
  10. 中国石油大学《机械基础(设计与制造)》第二阶段在线作业
  11. 多功能域名检测集合工具
  12. 沟通:如何用沟通解决80%的工作问题?
  13. @Deprecated注解
  14. 【First-order Methods】 5 Smoothness and Strong Convexity
  15. 使用 GitHub Actions 来构建应用程序
  16. android vivo 模拟器,逍遥安卓打造VIVO华为魅族OPPO小米联想手游安卓模拟器
  17. DDOS高防IP是什么?怎么用?
  18. K8s安装dashboard可视化界面
  19. 如何发表期刊方法步骤
  20. TL-WR740N_V4板TTL刷机指南_TFTP

热门文章

  1. 金蝶EAS服务器安装局部补丁时,提示无法安装
  2. 常见变异影响常见疾病,罕见变异影响罕见疾病?
  3. linux虚拟机网络配置之桥接模式
  4. 《关于我们-合作》页面设计问题
  5. 为什么离不开 Stackoverflow
  6. 《软件方法》第8章 分析 之 分析类图(3)
  7. RedisCommandExecutionException: ERR DISABLE You can‘t write or read against a disable instance
  8. 游戏蓝牙手柄出口韩国KC RRA 认证介绍
  9. Kindle阅读器(KPW、KV、KO)怎么导入电子书?
  10. 美颜神器——快速集成华为HMS ML Kit人脸检测实现大眼瘦脸