Code d'effets spéciaux d'animation de compte à rebours de la barre de progression HTML5 CSS3 [recommandé] Compétences du didacticiel _html5

Effet spécial d'animation de compte à rebours de la barre de progression html5 css3. J'ai accidentellement découvert ce travail alors que je cherchais des ressources réseau sur Internet aujourd'hui. Voyant que l'effet est très bon et très pratique, je l'ai trié et partagé avec tout le monde. Il est principalement utilisé. Les technologies HTML5, JavaScript et CSS3 sont utilisées, ainsi que SVG, cercle et texte. . .

Le code de base est le suivant

Copier le code

Le code est le suivant :

fonction 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)

L'effet est le suivant :

Le code d'effets spéciaux d'animation de compte à rebours de la barre de progression HTML5 css3 ci-dessus [recommandé] est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez Script Home.