纯前端js实现的加载进度条

最新推荐文章于 2024-05-02 09:34:08 发布

有时间指导毕业设计

最新推荐文章于 2024-05-02 09:34:08 发布

阅读量385

点赞数 1

分类专栏：工具类文章标签：前端 javascript html

本文链接：https://blog.csdn.net/houzhicongone/article/details/127635858

版权

工具类专栏收录该内容

4 篇文章 0 订阅

订阅专栏

function preventRepeatedSubmit(){
    var width = document.body.scrollWidth;
    var height = document.body.scrollHeight;
    var divBg = document.getElementById("divBg");
    var progressBar = document.getElementById("progressBar");
	if(divBg==null && progressBar==null){
		divBg = document.createElement("div");
		progressBar = document.createElement("div");
    	divBg.id = "divBg";
    	progressBar.id = "progressBar";
    	divBg.innerHTML = ' <div style "position:absolute;background-color:white;filter:alpha(opacity=50,Style=0);opacity:0.5;'
		       +' width:'+width+';heigh=t:'+height+';'
		       +' left:0;top:0;text-align:center;z-index:30;">'
		       + '</div>';
    	progressBar.style.top =  (height-50)/2 + 'px';
    	progressBar.style.left =  (width-150)/2 + 'px';
    	document.body.appendChild(divBg);
    	document.body.appendChild(progressBar);
    }else{
		divBg.style.display = 'block';
		progressBar.style.top =  (height-50)/2 + 'px';
		progressBar.style.left =  (width-150)/2 + 'px';
		progressBar.style.display = 'block';
	}
}