Html
    Css
    Js

    
                        
#app {
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.svg-count {
	position:relative;
	width:100px;
	height:100px;
}
.svg-circle {
	width:100px;
	height:100px;
}
.count-number {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	line-height:100px;
	text-align:center;
	color:#fff;
	font-size:66px;
}
.alert-sec-circle {
	transition:stroke-dashoffset 1s linear;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

SVG倒计时效果(原创)

更新时间:2021-02-01 01:00:34

0