微信小程序教程, 功能:适用于电子商务应用中的限时团购和商品秒杀。

我们先来看看最终效果:

微信小程序教程

循序渐进——心急的朋友,可以直接看最后一段代码。

将文本放入wxml文件

textsecond: {{second}} micro second:{{micro_second}}/text

在js文件中调用

微信小程序教程

运行验证,从10秒到1秒,然后显示时间到了。

因此我们继续改进毫秒,注意毫秒步长受系统时间频率的限制,因此我们精确到0.01s,即10 ms。

js

微信小程序教程

Wxml文件

微信小程序教程

这样,当秒级操作完成时,毫秒计时器为clearTimeout,单词book显示为‘micro _ second too’。

添加另一个countdown4micro方法来显示剩余的0:3:19 89的倒数。

微信小程序教程

这样,毫秒和分钟被分开呈现,程序在重建后可读性更好。Dateformat用于毫秒操作,不接受秒。同时也省去了计算100次为1s的操作。

微信小程序教程

经过上述优化后,代码量减少了一半,运行效率也很高。

微信小程序教程,以上就是本文为您收集整理的微信小程序教程最新内容,希望能帮到您!更多相关内容欢迎关注。