小程序上实现秒杀倒计时效果

在util中封装方法

function countdown(that) {
    // 渲染倒计时时钟
    // console.log(that.data.times)
    
    if (that.data.times <= 0) {
        // 结束倒计时
        that.setData({
            day: dateformats(0),
            hours: dateformat(0),
            minutes: dateformat_hur(0),
            seconds: dateformat_tim(0),
            ms: dateformat_fz(0)
        });
        return;
    }
    that.setData({
        day: dateformats(that.data.times),
        hours: dateformat(that.data.times),
        minutes: dateformat_hur(that.data.times),
        seconds: dateformat_tim(that.data.times),
        ms: dateformat_fz(that.data.times)
    });
    //settimeout实现倒计时效果
    setTimeout(function () {
        // 放在最后--
        that.data.times -= 10;
        countdown(that);
    }, 10) //注意毫秒的步长受限于系统的时间频率,于是我们精确到0.01s即10ms
}
// 时间格式化输出,如1天天23时时12分分12秒秒12 。每10ms都会调用一次
function dateformat(micro_second) {
    // 总秒数
    var second = Math.floor(micro_second / 1000
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值