這篇文章給大家介紹的內(nèi)容是關(guān)于在ajax請(qǐng)求完之前的loading加載的動(dòng)畫效果實(shí)現(xiàn)，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

很多時(shí)候我們需要引入框架來(lái)開(kāi)發(fā)項(xiàng)目，這時(shí)我們可能會(huì)遇到頁(yè)面還沒(méi)加載完源碼出來(lái)了的問(wèn)題，給用戶一種不好的視覺(jué)體驗(yàn)，這是便需要loading加載了，來(lái)完善用戶體驗(yàn)！

/*loading.js*/

// 加載HTML圖

var _LoadingHtml = '

加載中。。。';

// 呈現(xiàn)loading效果

document.write(_LoadingHtml);

// 監(jiān)聽(tīng)加載狀態(tài)改變

document.onreadystatechange = completeLoading;

// 加載狀態(tài)為complete時(shí)移除loading效果

function completeLoading() {

if (document.readyState == "complete") {

var loadingMask = document.getElementById('loadingDiv');

loadingMask.parentNode.removeChild(loadingMask);

}

}

相關(guān)文章推薦：

總結(jié)

以上是生活随笔為你收集整理的PhP加载时显示动画,在ajax请求完之前的loading加载的动画效果实现的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。