HTML5 css3 progress bar countdown animation special effects code [recommended]_html5 tutorial skills

html5 css3 progress bar countdown animation special effect. I accidentally discovered this work when I was looking for network resources on the Internet today. Seeing that the effect is very good and very practical, I sorted it out and shared it with everyone. It is mainly used. HTML5, JavaScript and CSS3 technologies are used, and SVG, circle and text are used. . .

The core code is as follows

Copy code

The code is as follows:

function alertSet(e) {
document.getElementById("js-alert-box").style.display = "block",
document.getElementById("js-alert-head").innerHTML = e;
var t = 10,
n = document.getElementById("js-sec-circle");
document.getElementById("js-sec-text").innerHTML = t,
setInterval(function() {
if (0 == t){
location.href="http://www.jb51.net";
}else {
t -= 1,
document.getElementById("js- sec-text").innerHTML = t;
var e = Math.round(t / 10 * 735);
n.style.strokeDashoffset = e - 735
}
},
970);

The effect is as follows:

The above HTML5 css3 progress bar countdown animation special effects code [recommended] is all the content shared by the editor. I hope it can give you a reference, and I hope you will support Script Home.