Rumah  >  Artikel  >  hujung hadapan web  >  JS asli melaksanakan kemahiran effect_javascript LOADING

JS asli melaksanakan kemahiran effect_javascript LOADING

WBOY
WBOYasal
2016-05-16 16:09:091363semak imbas

Kesan pemuatan teks biasa, anda boleh menentukan warna dan kelajuan sendiri

Salin kod Kod adalah seperti berikut:

/**Memuatkan animasi
* Dicipta oleh Black and White Mark pada 15/03/11.
,*/

pemuatan fungsi(elemen,Warna terang,Warna gelap,laju,panggil balik){
Jika(!elemen&&(!elemen.innerText||!elemen.textContent))kembali
elemen = jenis elemen==="rentetan"?document.getElementById(elemen):elemen
lightColor = lightColor||"#fff",darkColor = darkColor||"#000",kelajuan = kelajuan||300

var arr_spanEles = New Array()
 
!function(arr_elementTeks){
         element.innerText=element.textContent=""
untuk(var i=0;i               var span = document.createElement("span")
               element.innerText?span.innerText = arr_elementText[i]:span.textContent = arr_elementText[i]
              elemen.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
Jika(indeks == panjang-1){
indeks = -1
               panggil balik&&panggil balik()
}
indeks
arr_spanEles[index].style.color = lightColor
},laju)
}

Di atas adalah semua kandungan yang diterangkan dalam artikel ini saya harap ia akan membantu semua orang yang belajar javascript.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn