Dans les applications e-commerce, les ventes flash sont souvent utilisées, et les ventes flash auront une fonction de compte à rebours. Nous utilisons ici la fonction de compte à rebours que nous vous avons montré la dernière fois dans les applications e-commerce.
Fonctions de mise en œuvre de base
1. Le mini programme imite le compte à rebours flash du site de commerce électronique
2 Le format d'affichage est : par exemple, 1 jour 11 heures 11 minutes 11 secondes 11<.>3. Flash kill Une fois le temps écoulé, il sera demandé que la vente flash soit terminée
Regardez d'abord les rendus
<span style="font-size:18px;"><!--index.wxml--> <view class="container"> <text >秒杀: {{clock}}</text> <text>{{micro_second}}</text> </view></span>
<span style="font-size:18px;">// indes.js /** * 需要一个目标日期,初始化时,先得出到当前时间还有剩余多少秒 * 1.将秒数换成格式化输出为XX天XX小时XX分钟XX秒 XX * 2.提供一个时钟,每10ms运行一次,渲染时钟,再总ms数自减10 * 3.剩余的秒次为零时,return,给出tips提示说,已经截止 */ // 定义一个总毫秒数,以一天为例 // var total_micro_second = 3600 * 1000*24;//这是一天倒计时 var total_micro_second = 10 * 1000;//这是10秒倒计时 /* 毫秒级秒杀倒计时 */ function countdown(that) { // 渲染倒计时时钟 that.setData({ clock:dateformat(total_micro_second)//格式化时间 }); if (total_micro_second <= 0) { that.setData({ clock:"秒杀结束" }); // timeout则跳出递归 return ; }