Javascript 向blockUI添加动画

我在使用AJAX加载页面时使用blockUI，如下所示：

function blockPage() {
    $.blockUI({ 
        message: 'Loading ...',
    }); 
}

我想做的是在消息中设置“点”的动画。比如：

var intVar = setInterval(function() {
    i = ++i % 5;
    $("#message").html("Loading "+Array(i+1).join("."));
}, 300);

任何关于我如何做到这一点的建议都将不胜感激。

根据文档，您可以设置要显示的特定DOM元素

例如，我创建了一个

您要做的是将消息放在您将要显示的文档中，以便以后可以引用它

<div id="message" style="display:none;"> 
    <h1>Loading</h1> 
</div> 

然后还需要定义开始动画和停止动画功能

var intervalId;
function startAnimation() {
   var i = 0;
   intervalId = setInterval(function() {
      i = ++i % 5;
      $("#message").html("Loading "+Array(i+1).join("."));
   }, 300);
}

function stopAnimation() {
  $.unblockUI();
  clearInterval(intervalId);
}

---

当AJAX请求完成时，调用

stopAnimation

。

很棒的东西。非常感谢：）

var intervalId;
function startAnimation() {
   var i = 0;
   intervalId = setInterval(function() {
      i = ++i % 5;
      $("#message").html("Loading "+Array(i+1).join("."));
   }, 300);
}

function stopAnimation() {
  $.unblockUI();
  clearInterval(intervalId);
}