国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

原生JS實(shí)現(xiàn)LOADING效果

2024-05-06 16:16:59
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
這篇文章主要向大家介紹了原生JS實(shí)現(xiàn)的LOADING效果的代碼,效果非常不錯(cuò),而且可以自定義顏色和速度,推薦給大家,希望大家能夠喜歡。
 

純文本loading效果,可以自己定義顏色和速度

 

復(fù)制代碼代碼如下:

/** Loading animation
 *  Created by 黑と白の印記 on 15/03/11.
 */
 
function loading(element,lightColor,darkColor,speed,callback){
    if(!element&&(!element.innerText||!element.textContent))return
    element = typeof element==="string"?document.getElementById(element):element
    lightColor = lightColor||"#fff",darkColor = darkColor||"#000",speed = speed||300
 
    var arr_spanEles = new Array()
     
    !function(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(span)
            arr_spanEles.push(span)
        }
    }((element.innerText||element.textContent).split(""))
 
    var index = -1,length = arr_spanEles.length
    var loadingTimer = setInterval(function(){
        arr_spanEles[Math.max(index,0)].style.color = darkColor
        if(index == length-1){
            index = -1
            callback&&callback()
        }
        ++index
        arr_spanEles[index].style.color = lightColor
    },speed)
}

 

以上就是本文所述的全部?jī)?nèi)容了,希望對(duì)大家學(xué)習(xí)javascript能有所幫助。


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 垦利县| 习水县| 鸡泽县| 枝江市| 贺兰县| 抚宁县| 梁河县| 龙南县| 耒阳市| 景谷| 武城县| 临洮县| 上高县| 嘉兴市| 客服| 恩平市| 珲春市| 逊克县| 互助| 安顺市| 林芝县| 平湖市| 阜新市| 平和县| 台湾省| 平湖市| 兴城市| 大埔区| 黄龙县| 明星| 称多县| 吴川市| 忻州市| 手游| 铜山县| 喀喇沁旗| 广德县| 搜索| 崇信县| 赤峰市| 满洲里市|