uniapp圆形倒计时

这里写自定义目录标题

  • uniapp圆形倒计时
    • 效果图
    • HTML
    • JavaScript
    • CSS

uniapp圆形倒计时

效果图

uniapp圆形倒计时_第1张图片

HTML

<view class="box">
	 <view class="left_box" v-if="time!=0">
		<view class="left_item">view>
	 view>
	<view class="mask">{{time}}view>
view>

JavaScript

this.time = 15;
let timer = setInterval(() => {
	if(this.time >= 1){
		this.time--;
	}else {
		clearInterval(timer);
	}
}, 1000);

CSS


你可能感兴趣的:(css,前端)