纯文本加载效果,可以自己定义颜色和速度
复制代码代码如下:
/**加载动画
*由黑と白の印创建于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能有所帮助。