纯文本 로딩 效果 效果, 可以自己定义颜色和速度
复制代码代码如下 :
/** 애니메이션로드
* 15/03/11에 15에 의해 생성되었습니다.
*/
함수 로딩 (요소, 전등, 다크 콜러, 속도, 콜백) {
if (! element && (! element.innerText ||! ement.textContent)) retud
요소 = typeof 요소 === "String"? document.getElementById (요소) : 요소
LightColor = LightColor || "#fff", DarkColor = DarkColor || "#000", 속도 = 속도 || 300
var arr_spaneles = new Array ()
! 함수 (arr_elementtext) {
요소 .innerText = element.textContent = "" "
for (var i = 0; i <arr_elementtext.length; i ++) {
var span = document.createelement ( "span")
요소 .innerText?
Element.AppendChild (Span)
arr_spaneles.push (span)
}
} ((element.innerText || element.textContent) .split ( ""))
var index = -1, 길이 = arr_spaneles.length
var loadingtimer = setInterval (function () {
arr_spaneles [math.max (index, 0)]. style.color = DarkColor
if (index == longth-1) {
색인 = -1
콜백 && 콜백 ()
}
++ 색인
arr_spaneles [index] .style.color = lightcolor
},속도)
}
以上就是本文所述的全部内容了 以上就是本文所述的全部内容了, 希望对大家学习 javaScript 能有所帮助。