Native JS implémente les compétences LOADING effect_javascript

Effet de chargement de texte brut, vous pouvez définir vous-même la couleur et la vitesse

Copier le code Le code est le suivant :

/**Chargement de l'animation
* Créé par Black and White Mark le 15/03/11.
​*/

chargement de la fonction (élément, lightColor, darkColor, vitesse, rappel) {
Si(!element&&(!element.innerText||!element.textContent))return
element = typeof element==="string"?document.getElementById(element):element
lightColor = lightColor||"#fff",darkColor = darkColor||"#000",speed = vitesse||300

var arr_spanEles = nouveau tableau()
     
!function(arr_elementText){
         element.innerText=element.textContent=""
pour(var i=0;i               var span = document.createElement("span")
               element.innerText?span.innerText = arr_elementText[i]:span.textContent = arr_elementText[i]
              element.appendChild(span)
arr_spanEles.push(span)
>
}((element.innerText||element.textContent).split(""))

var index = -1,length = arr_spanEles.length
var chargementTimer = setInterval(function(){
arr_spanEles[Math.max(index,0)].style.color = darkColor
Si(index == longueur-1){
indice = -1
               rappel&&callback()
>
indice
arr_spanEles[index].style.color = lightColor
},vitesse)
>

Ce qui précède correspond à tout le contenu décrit dans cet article. J'espère qu'il sera utile à tous ceux qui apprennent le javascript.