没有重复绘制圆形图哦
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)
},
这样才达到了效果,感谢哦
微信小程序之圆形进度条来源:月影segmentfault.com/a/1190000013219501 文章排版更新后传送门 需求概要 小程序中使用圆形倒计时,效果图: 思路 (1)使用2个can...
来源:月影segmentfault.com/a/1190000013219501 文章排版更新后传送门 需求概要 小程序中使用圆形倒计时,效果图: 思路 (1)使用2个can...