Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示正在加载的图像,直到加载所有数据_Javascript_Jquery_Html_Dom - Fatal编程技术网

Javascript 显示正在加载的图像,直到加载所有数据

Javascript 显示正在加载的图像,直到加载所有数据,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,现在我只是给出一个明确的时间间隔,在这个时间间隔之后加载图像消失,但是我想放置一个加载图像,它将被显示,直到背景中的所有内容都没有完全加载 现行代码 #loadingImgDIv{ position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:14; } <script> setTimeout("removeLoadingImg()",5000); function removeLoadingImg(){ /

现在我只是给出一个明确的时间间隔,在这个时间间隔之后加载图像消失,但是我想放置一个加载图像,它将被显示,直到背景中的所有内容都没有完全加载

现行代码

#loadingImgDIv{
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:14;
}

<script>
setTimeout("removeLoadingImg()",5000);
function removeLoadingImg(){
//using css display:hidden; attribute on #loadingImgDiv using javascript
}
</script>
#加载imgdiv{
位置:固定;
宽度:100%;
身高:100%;
顶部:0px;
左:0px;
z指数:14;
}
setTimeout(“removeLoadingImg()”,5000);
函数RemoveloadGim(){
//使用css显示:隐藏;属性在#使用javascript加载imgdiv上
}
但这不是正确的方法…所以请帮助我

spinner.show()
$.get('/api')
  .success(successCb)
  .fail(failCb)
  .always(function(){
    //...
    spinner.dismiss()
  })
简单:

spinner.show()
$.get('/api')
  .success(successCb)
  .fail(failCb)
  .always(function(){
    //...
    spinner.dismiss()
  })
简单:

spinner.show()
$.get('/api')
  .success(successCb)
  .fail(failCb)
  .always(function(){
    //...
    spinner.dismiss()
  })
简单:

spinner.show()
$.get('/api')
  .success(successCb)
  .fail(failCb)
  .always(function(){
    //...
    spinner.dismiss()
  })


如何加载内容?你是在打电话获取数据吗?为什么不是正确的方法?加载意味着ajax或direct html或两者兼而有之?如何加载内容?你是在打电话获取数据吗?为什么不是正确的方法?加载意味着ajax或direct html或两者兼而有之?如何加载内容?你是在打电话获取数据吗?为什么不是正确的方法?加载意味着ajax或direct html或两者兼而有之?如何加载内容?你是在打电话获取数据吗?为什么不是正确的方法?加载意味着ajax或direct html或两者兼而有之?谢谢,但是你能说一下如何在不使用javascript的情况下使用纯javascript代码吗jquery@HarshKanakhara您标记了问题[jQuery],表明jQuery的答案是可以接受的。#Boann你是对的,但我的首要任务是使用纯Javascript开发代码。我不建议在AJAX中使用纯JS。无论如何,您必须使用类似的语法创建自己的XmlHttpRequest包装器。有很多不同的轻量级库具有相似的语法。谢谢,但是您能告诉我如何在不使用jquery@HarshKanakhara您标记了问题[jQuery],表明jQuery的答案是可以接受的。#Boann你是对的,但我的首要任务是使用纯Javascript开发代码。我不建议在AJAX中使用纯JS。无论如何,您必须使用类似的语法创建自己的XmlHttpRequest包装器。有很多不同的轻量级库具有相似的语法。谢谢,但是您能告诉我如何在不使用jquery@HarshKanakhara您标记了问题[jQuery],表明jQuery的答案是可以接受的。#Boann你是对的,但我的首要任务是使用纯Javascript开发代码。我不建议在AJAX中使用纯JS。无论如何,您必须使用类似的语法创建自己的XmlHttpRequest包装器。有很多不同的轻量级库具有相似的语法。谢谢,但是您能告诉我如何在不使用jquery@HarshKanakhara您标记了问题[jQuery],表明jQuery的答案是可以接受的。#Boann你是对的,但我的首要任务是使用纯Javascript开发代码。我不建议在AJAX中使用纯JS。无论如何,您必须使用类似的语法创建自己的XmlHttpRequest包装器。有许多不同的轻量级库具有相似的语法。