純文本加載效果,可以自己定義顏色和速度
複製代碼代碼如下:
/**加載動畫
*由黑と白の印創建於15/03/11。
*/
功能加載(元素,燈光,darkcolor,速度,回調){
if(!element &&(!element.innertext ||!element.textContent))返回
元素= typeof element ===“字符串”? document.getElementById(element):element
LightColor = LightColor ||“ #fff”,DarkColor = DarkColor ||“#000”,speed = speed || 300
var arr_spaneles = new array()
!函數(arr_elementText){
element.innertext = element.textContent =“”
for(var i = 0; i <arr_elementtext.length; i ++){
var span = document.createelement(“ span”)
element.innertext? span.innertext = arr_elementText [i]:span.textContent = arr_elementText [i]
element.AppendChild(跨度)
arr_spaneles.push(跨度)
}
}((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 == length-1){
索引= -1
回調&& callback()
}
++索引
arr_spaneles [index] .Style.Color = LightColor
},速度)
}
以上就是本文所述的全部內容了,希望對大家學習javascript能有所幫助。