javascript - 如何在另一个函数的范围内杀死js函数

Question

我为我的表单提交制作了please wait gif 动画，因为注册需要更多​​时间。

现在一切正常，但我的 gif 动画即使在成功消息后仍然继续运行。因此我的动画功能仍在运行。我怎样才能杀死那个功能？

这就是我现在所做的:

function loadSubmit(){
  ProgressImage = document.getElementById('progress_image');
  document.getElementById("progress").style.visibility = "visible";
  setTimeout("ProgressImage.src = ProgressImage.src",100);
  return true;
}

我在我的 ajax 函数之前调用它:

 loadSubmit();
 $.ajax({
   url: "/register_me/",
   type: "POST",
   ...
 }).done(function(){
      // can i somehow kill loadSubmit() function in this scope? 
 });

能够做到这一点真是太好了..

非常感谢

Answer 1

setTimeout 返回一个整数值，然后可以使用该整数值使用函数 clearTimeout 清除该超时

function loadSubmit(){
   ProgressImage = document.getElementById('progress_image');
   document.getElementById("progress").style.visibility = "visible";
   // what exactly you want you achieve through this timeout
   return setTimeout("ProgressImage.src = ProgressImage.src",100);

}

var intervalID = loadSubmit();
$.ajax({
  url: "/register_me/",
  type: "POST",
  ...
}).done(function(){
   document.getElementById("progress").style.display = "none"; //EDIT
   clearTimeout(intervalID)
});

阅读 MDN 上关于 setTimout 的文档 https://developer.mozilla.org/en-US/docs/DOM/window.setTimeout

编辑:我误解了这个问题。你需要隐藏ProgressImage来隐藏gif，你仍然需要清除超时。