我在加载动画时遇到了一个小问题。动画可以很好地开始和停止。但是如果内容加载的速度比动画播放的速度快，我希望它不会显示(开始，延迟)
我这样试一试
$.ajax({
beforeSend: function (data) {
/* Ajax Loading... einblenden */
$('.loading_box').delay(500).fadeIn(500);
},
success: function (data) {
$(".content_main").html(data)
浏览 1提问于2014-06-02得票数 0
1回答
我已经开发了一个Angular 2应用程序，它有相当大的大小，并且需要一段时间来加载( vendor.js大约有5MB大)。为了让用户更愉快一些，我替换了标准的
<span class="loading">Loading...</span>
使用CSS动画(加载栏)或GIF动画(我都试过了)：
<span class="loading"><img src="loading.gif" /><br/>Wait ...</span>
或
<span class="lo
浏览 1提问于2017-06-13得票数 13
1回答
因此，我试图在ASP.NET WebForms上为我的网站加载动画。我注意到有些页面加载得非常快，而有些页面却没有加载。我用这样的方式制作了一个动画：
$(document).ready(function () {
$('#loadingImage').hide();
$('#loading').html("");
});
但是现在我想延迟一下，大约在1-2秒内，对于加载速度快的页面，不要为它们显示动画。我试着这样做：
setTimeout(checkDocument, 3000);
func
浏览 2提问于2016-07-20得票数 0
回答已采纳
2回答
当我对存储在组件状态中的数据进行一些处理时，我想显示一个加载动画。布尔型加载变量控制是否显示加载动画。当我执行异步ajax请求时，这是有效的。但是，当我尝试在组件方法中更改加载器的状态时，它不起作用。我试图用较小的超时时间来避免UI阻塞(参见代码中的注释)，但无济于事。
如何在开始计算时显示加载动画，并在计算后再次隐藏？
calculateMovements() {
// show the loading animation
this.setState({
loading: true
});
let data = this.state.dat
浏览 0提问于2016-12-11得票数 1
1回答
我有一个有12个图像的动画，显示为加载图像。它本身工作得很好，但是当我使用我的httpClient类从在线数据库获取内容时，它完全冻结了，当内容获取完成时，您可以看到动画在不同的图像上停止。
如何在从数据库中获取内容的同时加载图像？
下面是一些代码：
班级成员：
ImageView loading;
AnimationDrawable loadAnimation;
onCreate：
LinearLayout main = (LinearLayout) findViewById(R.id.loading);
loading = new ImageView(this);
浏览 2提问于2013-02-04得票数 1
回答已采纳
1回答
加载部分在第一次加载时不会消失
、、、、
我做了一个使用css和javascript来播放动画的加载器。在第一次加载网站时，动画有时不会播放，留下一个空白屏幕。我相信这与第二次加载时的缓存有关，这使得它能够工作。提前谢谢。
HTML：
<section id="loading">
<div class="circle spin"></div>
<img src="src/j2.svg" alt="J2 Logo">
</section>
<link r
浏览 0提问于2020-02-12得票数 0
1回答
我想用jQuery动画化表体jQuery的变化。
我有张桌子：
<table id="filterTable">
<tbody>
<td>name</td>
<td>surname</td>
</tbody>
</table>
TBody被更改为AJAX，因此我有一个加载程序：
$('#filterTable tbody')
.ajaxStart(function() {
$(this).html('<tr clas
浏览 3提问于2012-06-26得票数 1
回答已采纳
1回答
我的网页上有加载动画应用于他们的内容。问题是在没有动画的情况下开始加载内容，CSS甚至还没有完成下载。我已经添加了一个预加载栏覆盖，以等待内容加载，但网页加载在中间没有动画和覆盖加载仍然工作。。
在未显示动画的情况下加载内容。
我发现有一个window.stop()方法，它可以完全停止呈现，但是没有window.load()方法。
{...heading...}
<script src="mainPage/js/loading.js"></script> <!-- loading bar calculation to perform -->
浏览 1提问于2020-07-01得票数 0
回答已采纳
1回答
我对ReactJ、JS和基本上所有的web开发都很陌生。我试图创建一个使用ReactJS的单一页面组合网站，并想尝试一些更先进的技术，如使用钩子。我想创造一个简单的效果，动画播放一次(当用户第一次登录到我的网站)，然后他们被带到主网站。我在网上找到的所有资源都与从API获取数据时加载屏幕有关。以下是加载屏幕的代码：
import Typical from 'react-typical';
import "./Loading.scss";
import {useState, useEffect} from 'react';
const Loadi
浏览 1提问于2021-11-24得票数 0
回答已采纳
我把一种基本的预加载动画和jQuery放在一起。你可以在我的网站上看到它。正如您所看到的，预加载动画将一直播放，直到$(window).load被调用，此时(调用'.loading') fadeOut()。
这似乎工作得很好，但您将看到它基本上淡出为透明，此时正在加载的图像捕捉到存在。如何设置才能使预加载动画平滑地淡入到图像中？
HTML如下：
<div class="loading" style="height:150px; width:475px; z-index:99955; background:#333 url('plog-con
浏览 0提问于2011-04-05得票数 0
回答已采纳
1回答
我有颤振应用程序需要加载一些api的数据在飞溅屏幕，其中包含动画。
class _SplashPageState extends State<SplashPage> {
@override
void initState() {
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
var auth = Provider.of<AuthProvider>(context, listen: false);
auth.chekingAuthVariables();
浏览 4提问于2022-06-23得票数 0
所以我做了一个svg徽标预加载器，也为它做了一些css动画。但我的主要问题是如何让预加载器在刷新/新页面加载时使用javascript加载不同的动画。例如，在一个页面上加载徽标应该使用反弹动画，在页面重新加载或在另一个选项卡上打开预加载器以使用我制作的旋转动画，等等。 var strings = [
'animation1.',
'animation2.',
'animation3.'
];
var rand = strings[Math.floor(Math.random() * strings.length)];
浏览 14提问于2020-04-05得票数 0
1回答
预加载重gif图像
、、、
我有一个很重的过程，需要几秒钟才能完成。
这就是为什么我添加了一个动画加载页面，以使等待可接受。
<style>
.modal_gif {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
浏览 5提问于2022-07-04得票数 0
回答已采纳
3回答
因此，我有一个表单，包含多个必需的输入字段和一个必需的文件输入(用于缩略图)。我想做的是显示一个加载动画，当用户按下提交按钮，并等待图像被上传。我不能用onclick来实现这一点，因为即使所需的字段是空的，加载动画也会显示出来。我试着用这段代码来做：
$(document).ready(function(){
$('form').on("submit",function(){
var loading = document.getElementById("loading");
loading.classNam
浏览 1提问于2018-08-05得票数 0
回答已采纳
2回答
我在数组中有很多数据，并希望呈现其中的所有项。这可能需要一段时间来呈现，因此我希望在呈现开始之前插入一个加载动画。
代码如下所示：
$scope.foo = function() {
// Start loading animation
$loading.start();
// Load objects into an array. These objects are
// rendered by the ng-repeat directive from angular
$scope.array = data;
}
但是，当我执行foo函数时，首先ng-重复呈
浏览 1提问于2016-06-02得票数 0
回答已采纳
1回答
我希望在文档准备就绪之前使加载生效，但当页面数据被缓存时，它会显示几毫秒，并随着页面内容的缓存而消失，就像我想要显示的那样，如果加载至少超过秒的话。
/**编辑**/我发现动画效果是它出现的原因，当我使用remove()时它没有显示，所以我想检查加载页面所需的时间，如果加载时间超过3秒，我将应用动画
这是我的密码
var ready = 0;
$(document).ready(function(){
ready = 1;
});
if(ready = 1){
$(".Loading").animate
浏览 0提问于2019-08-27得票数 1
回答已采纳
2回答
我使用以下代码通过twitter api获取twitter用户朋友的json提要：
var url = "http://twitter.com/statuses/friends/"+twitter_handle+".json?callback=?";
//show ajax loading animation
$('#loading').show();
$.getJSON(url, function(data) {
//hide ajax loading animation
$('#loading').hide(
浏览 2提问于2009-10-23得票数 3
我想显示一些加载动画在应用程序根，而一个组件准备由vue路由器呈现。
已经找到了 (建议使用导航保护)和，其中接受的答案显示了如何使用beforeEach保护在app中设置变量，并显示了加载动画。
问题是，当将深链接到某个路由(初始url包含一个路由路径，例如'someurl#/foo')时，这个方法不起作用。那么，beforeEach警卫就不会被调用了。
因此，我切换到了加载组件的beforeRouteEnter保护，这也允许我只显示一些组件的加载动画：
应用程序：
var app = new Vue({
el: '#app',
data: { loa
浏览 1提问于2018-03-14得票数 6
回答已采纳
1回答
我有以下代码，其中用户单击按钮并在后台运行可执行文件。一旦可执行文件完成，它就会进入一个新的页面。加载新页面需要几秒钟时间，我想向用户显示一个小动画。
目前，我可以将按钮的文本从执行更改为正在加载...一旦用户点击该按钮。
如何从加载中动画或循环文本...正在加载-> ..正在加载->。直到新页面加载？我只想让经期变得生动起来。
这方面的任何资源都是有帮助的。
$(document).ready(function() {
$('#loading').on('click', function() {
$(this).button('
浏览 23提问于2016-08-22得票数 0
我正在尝试使用swfobject加载flash电影，我已经成功地这样做了，但是flash电影需要几秒钟的时间来加载。我想要显示一个简单的加载动画，但是动画永远不会显示。我注释掉了嵌入电影的代码，并发现动画确实得到了显示。有没有人知道我该怎么解决这个问题。我的代码如下。
$FlashWrapper.html("<div id='PopUpLoader'>" +
"<img src='images/PopUpAjaxLoader.gif' alt='Ajax Loading
浏览 1提问于2011-02-22得票数 0
回答已采纳
2回答
我使用AJAX在A页上显示B页的内容。
如何让jQuery等待加载所有内容(文本、图像等)？在显示内容之前？
$.ajax({
url:"pageB.html",
beforeSend: function() {
//show loading animation here
}
success: function(data) {
//hide loading animation here
$("body").append(data);
}
});
在处理AJAX请求时，我使用b
浏览 0提问于2012-05-31得票数 1
回答已采纳
3回答
用于图像列表的多个加载微调器
、、、、
当单个图像已完成加载但遇到问题时，尝试删除加载的动画。加载动画是在加载第一个图像之后删除的，而不是在加载特定图像时单独删除。
我想要有一排图像，每个图像都有自己的加载giff，有什么想法吗？
这就是我到目前为止想出的……
.img-container{
float:left;
width:500px;
height:500px;}
.img-loading{
position:absolute;
background:url('loading.gif') center center no-repeat;
width:500px;
height:500px;}
<div
浏览 0提问于2012-09-14得票数 1
回答已采纳
2回答
下面的代码截取我的ionic应用程序中的任何http请求，并添加加载动画和重试逻辑。问题是，有时如果请求很快，finalize()回调在加载动画创建之前就会被调用，因此永远不会删除加载动画。 我相信解决方案是使用async并等待加载动画的创建，这样finalize()回调在动画创建完成之前不会被调用，但是我没能让它工作。 export class HttpRequestInterceptor implements HttpInterceptor {
loading: any;
loaderToShow: any;
constructor(
priv
浏览 20提问于2021-09-08得票数 1
1回答
在为iOS测试我的web应用程序时，我注意到CSS3动画是硬件加速的，我想把我的加载屏幕切换到CSS3动画。
加载屏幕是一个简单的div，覆盖屏幕：
.loading{
position:fixed;
top:0;
left:0;
right:0;
bottom: 0;
z-index: 10;
background-color:#000;
display: none;
}
我的页面内容是通过AJAX加载的。加载div是在页面加载和再次发出请求时显示的(因此AJAX请求将被重新加载，更新内容)。我这么做的方式是：
$('.loading').show()
在此之前，完成AJAX
浏览 1提问于2012-01-15得票数 1
回答已采纳
1回答
我有一个与数据库一起运行的应用程序。当我在datagridview中加载表时，我的窗体冻结。如何在加载表的过程中保证流畅的加载动画？
我为动画运行了两个线程，并将数据加载到表中，但动画仍然不总是有效。
private volatile bool threadRun;
private void UpdateTab()
{
// Create panel for animation
Panel loadingPanel = new Panel();
// Label, where the text will change
浏览 0提问于2016-08-25得票数 3
回答已采纳
我正在使用Paul爱尔兰的无限滚动jQuery插件，我注意到每次我将更多的内容加载到页面上时，它都会将以下jQuery标记作为加载图形附加到DOM中：
<div id="infscr-loading" style="display: none; width: 100%;">
<img alt="Loading..." src="loading.gif" />
<div></div>
</div>
如果您仔细观察加载的图形从DOM中取出，然后在加载新内容后重
浏览 0提问于2013-03-26得票数 0
2回答
点击加载CSS元素？
、、、、
我有一个“加载”元素，当用户单击一个按钮时，我想要显示它。请参阅。
我正在尝试弄清楚是否有可能在用户单击按钮时加载此CSS动画。我试着延迟CSS的加载，但这并不能达到我想要的效果。如何更改代码以使其在单击时加载动画？
body { min-height: 100%; background: tomato }
h1 {
position: absolute;
left: 50%;
margin-left: -1.9em;
color: beige;
font: 800 900% Baskerville, 'Palatino Linotype', Palat
浏览 19提问于2016-08-31得票数 0
回答已采纳
现在我在一个大/大的表单上有一个Save按钮，里面有很多输入元素(大约500个输入)。这些输入是通过AJAX加载的，其中很大一部分是隐藏输入。
单击Save按钮时，我调用：
// Save button click
$("#save").click(function ()
{
var button = $(this);
button.button('loading');
if($("form").valid())
{
... AJAX Post here ...
}
else
浏览 0提问于2013-06-10得票数 1
回答已采纳
1回答
将数据传递给多个组件之一
、、、
我正在尝试在VueJS中创建一个VueJS组件，该组件在单击时显示动画，并在下载完成后停止动画。DownloadButton组件将在重复多次的表中使用。我希望下载方法包含在父文件中。问题是，更改加载变量会导致所有组件受到影响，而不仅仅是被单击的组件。
父级：
<DownloadButton @click.native="download" :loading="loading"></DownloadButton>
<DownloadButton @click.native="download" :loading=
浏览 5提问于2018-05-25得票数 0
回答已采纳
3回答
enter code here`
ngOnInit() {
this.loading = true;
this.jobExecution$ = this.route.params
.pipe(mergeMap(
val => this.jobsService.getJobExecution(val.id)
),
catchError((error) => {
console.log(error);
if (Ht
浏览 1提问于2018-11-28得票数 3
我正在使用jQuery来完成一个简单的任务。任务是简单地显示一个加载动画从没有进展，直到页面完全加载。
我正在体验的是，动画在50-75%的时间后出现，然后在页面完全加载后隐藏(我将其称为问题的下一部分延迟)。
值得注意的一点：
->如果我将动画代码放在header.php中，script放在footer.php中，那么代码就会显示延迟(提到)。
->如果我把动画代码和script都放在header.php中，动画就永远不会隐藏(对我来说模棱两可)。无论是在footer.php中，它都会被隐藏，但会显示延迟。
我想知道为什么我的页面做这个行为，什么是最好的方法来完成这个任务。(我知
浏览 6提问于2019-11-29得票数 1
回答已采纳
1回答
我正在尝试获取这个加载栏：
无限期地重复
我试过了
-moz-animation:loading 1s infinite;
-webkit-animation:loading 1s infinite;
但是这是行不通的，因为动画是建立在5个独立的动画球体上的，这5个球体的动画是相继的，所以设置它们重复无限选项会把它搞乱。
浏览 1提问于2012-09-04得票数 0
回答已采纳
6回答
我已经用加载动画构建了一个简单的显示/隐藏脚本。但我希望加载动画至少是0，5秒。
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#loading').hide();
$('#notesunlimitedcontent')
浏览 5提问于2013-08-25得票数 0
回答已采纳
我们已经在路由文件应用程序-routing.module.ts中配置了preloadingStrategy: PreloadAllModules，以便在第一个页面加载时加载所有模块。因为它有点滞后，所以我们希望在加载最后一个模块之前显示一个加载动画。这个是可能的吗？
app-routing.component.ts
@NgModule({
imports: [RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })],
exports: [RouterModule]
})
我们已经为重新路由实
浏览 5提问于2017-10-04得票数 0
回答已采纳
1回答
我有以下的实现，它是完全可用的。我只需要第一次显示加载动画图像，我目前的实现它一直显示加载动画。
var theDataSource = new kendo.data.DataSource({
transport: {
read: function (op) {
setTimeout(function () {
op.success(data);
}, 4000);
}
},
grou
浏览 3提问于2015-06-11得票数 0
回答已采纳
我想在页面的中心加载动画。这是<div id="loading">的样式
#loading{
position: absolute;
top: 50%;
left: 50%;
}
但它不在中间，我不知道为什么。是加载的jsfiddle页面。有人能帮我吗？
浏览 3提问于2012-08-31得票数 0
回答已采纳
2回答
在执行I/O时，我有一个关于显示/隐藏ajax加载动画的最佳实践问题。目前，我正在使用以下代码处理动画：
JS
app.controller('MyController', function($scope, Resource) {
$scope.loading = true;
Resource.query(function(response) {
$scope.loading = false;
$scope.items = response;
});
});
<ul ng-controller="MyCon
浏览 0提问于2014-01-15得票数 5
回答已采纳
1回答
我想要确保控件在最短的时间内保持一定的状态。该控件有两种状态：Loading和Loaded。Loading状态显示动画，Loaded状态显示数据。在两个状态之间有一个淡入/淡出转换。
然而，问题是有时数据加载得太快，以至于动画在屏幕上瞬间闪现，然后立即淡出。这看起来很糟糕，所以我想要做的是强制在Loading状态中花费最少的时间(例如半秒)。这样，即使数据快速加载，加载动画至少会显示足够长的时间，不会产生刺耳的效果。
我已经设法通过一个我想象中称为MinimumTimeVisualStateManager的自定义VisualStateManager实现了这一点。然而，我想知道是否有一种内置的方
浏览 0提问于2010-07-17得票数 0
回答已采纳
我正在使用一个HTML5模板，但我遇到了这个CSS属性，它具有一些像is-loading、is-switching这样的函数。
body.is-loading *, body.is-loading *:before, body.is-loading *:after, body.is-switching *, body.is-switching *:before, body.is-switching *:after {
-ms-animation: none !important;
animation: none !important;
浏览 4提问于2017-09-26得票数 3
回答已采纳
2回答
我正在尝试禁用正在加载的#infsrc-loading容器的恼人动画。请看这里的无限滚动演示。
当加载div第一次出现时，它是静态的，但之后当它加载更多的内容时，它会有一个动画，就像它从底部出现并增长。我想禁用它，但是我找不到设置它的位置。
我试着在插件的回调中禁用CSS转换和$('#infsrc-loading').show()。我查看了Masonry和InfiniteScroll的源代码，但仍然不知道这个设置是在哪里设置的。我也禁用了砖石中的动画。
如果有帮助的话，我正在使用WordPress插件。
浏览 0提问于2013-02-14得票数 1
回答已采纳
通过在我的JavaScript中调用window.onload()，我已经成功地获得了一个页面加载器动画，但我想调整代码，以便只有在网页加载时间超过一定时间时才会触发加载器动画。我试图避免每次用户导航到新页面时都显示动画，而且只在必要时显示。 下面是我当前的HTML、CSS和JS代码，如果有用的话。 HTML： <div class="loader">
<img class="loading-gif" src="./assets/img/loading.gif" alt="Page Loading...
浏览 34提问于2020-07-01得票数 1
回答已采纳
我试着使用下面的代码来显示加载消息，但是在内容中只会出现加载动画而不显示消息。我怎么才能解决这个问题？
$scope.show = function() {
$scope.loading = $ionicLoading.show({
content: 'Loading feed...'
});
};
浏览 2提问于2015-05-24得票数 1
回答已采纳
1回答
以下是提交表单时应显示Ajax加载动画的简单代码：
var init = function() {
$("form").bind('ajax:beforeSend', function() {
$("#comments_loading").show();
});
$("form").bind('ajax:complete', function() {
$("#comments_loading").hide();
});
};
$(d
浏览 0提问于2012-07-18得票数 0
1回答
将内容隐藏在预加载屏幕后面
、、、、
我有一个预加载屏幕，当网站内容加载时，我在我的网站上显示。我遇到的问题是，网站上的一些内容会在加载屏幕消失之前出现。具体地说，我在主页上有一个页眉和一个按钮，可以从左向右滑动。这些有时会在加载屏幕消失之前滑入，两个屏幕的文本会变得混乱。我想让它，即使动画发生在加载屏幕消失之前，用户将不会看到标题和按钮在那里。更好的做法是让这些动画在加载屏幕消失之前不会发生。我可以将动画设置为延迟足够长的时间，以便预加载屏幕消失，但如果加载屏幕很快消失，在动画发生之前可能会有相当长的延迟。
以下是代码
HTML
<div id="load_screen" class="text-c
浏览 0提问于2017-04-22得票数 0
1回答
在获取ajax调用响应时，我显示了由加载器gif图像组成的DIV元素。
最初，DIV元素将被隐藏，在单击复选框时，我显示加载器DIV，稍后发生ajax调用，在ajax调用完成后，我再次隐藏加载器DIV。
当我显示加载器div时，图像没有动画，它只是一个静态图像。
我怎么才能让它有动画效果呢。请提个建议。
提前谢谢。
以下是代码
HTML
<div id="loading" style="display:none;"><img src="images/379.GIF"/></div>
JS
$('#che
浏览 4提问于2015-06-22得票数 0
2回答
我发送请求以获取Html内容并替换为其他内容。
这是我的jQuery代码。
$.post(page,function(data){
$('.page_content').html(data);
});
我也使用了这段代码来发送请求，但是不能工作，我得到了同样的问题。
$.ajax({
url:page,
method:'POST',
async:true,
success: function(data){
$('.page_content').html(data);
}
})
浏览 0提问于2014-03-18得票数 0
我有一个UITableView，在RowSelected上我想显示一个加载动画，然后加载另一个ViewController：
public override void RowSelected (UITableView tableView, NSIndexPath indexPath)
{
LoadingView LV = new LoadingView();
LV.Show("Loading...");
specScreen = new SpecScreen();
controller.NavigationController.PushViewC
浏览 1提问于2012-11-30得票数 0
回答已采纳
我有一个“视图”页面，它导入两个组件，其中一个是NavBar，它将显示加载动画，直到其他组件完全加载。
我试图实现这一点的方法是在视图中定义一个“加载”变量，将这个变量传递到NavBar中并释放组件。如果我将从releases组件中的加载更改为false，则应该传播到NavBar (以停止加载动画)。
视图/Release.vue
<template>
<div>
<NavBar v-bind:loading="this.loading"></NavBar>
<div id="vue-main&#
浏览 0提问于2019-06-21得票数 0
回答已采纳
6回答
我的代码中有一个问题。我正在尝试显示一个加载动画(我有一个.gif格式的)。唯一的问题是，当我单击按钮时，动画显示的时间不到一秒，它就消失了。我做错了什么？
HTML：
<form action="" method="post">
<button id="act">Click me</button>
</form>
<div class="loading"></div><!--my Animation-->
Jquery：
$(functi
浏览 2提问于2013-07-05得票数 0
2回答
我有一个动画gif，它在所有浏览器上都能很好地工作，除了ie (惊喜，惊喜)。经过多次搜索，我发现gif在ie中没有动画，因为选项中有一个设置：
设置->高级设置->多媒体->在网页中播放动画
是否有任何方法来检测这是启用的，因为我想显示其他东西，而不是静态加载gif，还是有办法强迫ie播放动画？
如果有解决办法，下面是我用来显示加载程序的代码和我使用的gif的类型：
#loading {
background:url(http://preloaders.net/preloaders/712/Floating%20rays.gif) center center
浏览 1提问于2015-12-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
