小程序开发 · 2023年7月11日

微信小程序动态显示项目倒计时的效果

这篇文章主要为大家详细介绍了微信小程序动态显示项目倒计时,格式如4天7小时58分钟39秒,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码,供大家参考,具体内容如下

1、一般我们说的显示秒杀都是指的单条数据,循环我没做。

效果:

2、wxml代码:

<p>
<block>剩余时间:已经截止</block><block>剩余时间:{{clock}}</block></p>

登录后复制

3、.js文件代码:

function countdown(that) {
 var EndTime = that.data.end_time || [];
 var NowTime = new Date().getTime();
 var total_micro_second = EndTime - NowTime || [];
 console.log('剩余时间:' + total_micro_second);
  // 渲染倒计时时钟
  that.setData({
  clock: dateformat(total_micro_second)
  });
  if (total_micro_second <p></p><p>以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!</p><p>相关推荐:</p><p><a href="http://www.php.cn/xiaochengxu-404835.html" target="_blank">微信小程序 
setData的使用方法</a><br></p><p><a href="http://www.php.cn/xiaochengxu-404833.html" target="_blank">微信小程序日期时间选择器的使用方法</a><br></p><p><a href="http://www.php.cn/xiaochengxu-404815.html" target="_blank">微信小程序联网请求的轮播图</a><br></p><p></p><p class="clearfix"><span class="jbTestPos"></span></p>

登录后复制

以上就是微信小程序动态显示项目倒计时的效果的详细内容,更多请关注FDCServers其它相关文章!