240 发简信
IP属地:弗吉尼亚州
  • 没有重复绘制圆形图哦
    countInterval: function () {
    // 设置倒计时 定时器 每100毫秒执行一次,计数器count+1 ,耗时6秒绘一圈  
    this.countTimer = setInterval(() => {
    console.log("====================" + this.data.count)
    if (this.data.count <= 60) {
    /* 绘制彩色圆环进度条          注意此处 传参 step 取值范围是0到2,        所以 计数器 最大值 60 对应 2 做处理,计数器count=60的时候step=2        */
    this.drawCircle(this.data.count / (60 / 2))
    this.data.count++;
    } else {

    this.setData({
    progress_txt: "匹配成功",
    count:0,
    });
    console.log(this.countTimer);
    // clearInterval(this.countTimer);
    }
    }, 100)
    },
    这样才达到了效果,感谢哦:stuck_out_tongue_winking_eye:

    微信小程序之圆形进度条

    来源:月影segmentfault.com/a/1190000013219501 文章排版更新后传送门 需求概要 小程序中使用圆形倒计时,效果图: 思路 (1)使用2个can...

  • 120
    微信小程序之圆形进度条

    来源:月影segmentfault.com/a/1190000013219501 文章排版更新后传送门 需求概要 小程序中使用圆形倒计时,效果图: 思路 (1)使用2个can...