网页资源加载动画

酒铺里的奶橘猫

于 2017-07-10 15:58:31 发布

阅读量441

点赞数

分类专栏：编程语言 web前端 web前端

本文链接：https://blog.youkuaiyun.com/qq_33559304/article/details/74926234

版权

web前端同时被 2 个专栏收录

32 篇文章

订阅专栏

编程语言 web前端

14 篇文章

订阅专栏

<script>
    var _LoadingHtml = "<div id='loadingDiv'><div class='loading'><img src='static/img/loading2.gif' class='img-responsive'></div><p>拼命加载，请稍等...</p></div>";
    document.write(_LoadingHtml);
    document.onreadystatechange = completeLoading;
    //加载状态为complete时移除loading效果
    function completeLoading() {
        if (document.readyState == "complete") {
            var loadingMask = document.getElementById('loadingDiv');
            loadingMask.parentNode.removeChild(loadingMask);
        }
    }
</script>