javascript - 如何在 html5 的 javascript 中加载时停止一个函数并设置其他函数运行

标签 javascript html

<script>
function start(){
    sprites.start();
    preloader();
    }
</script>

我有两个函数,一个用于预加载,另一个用于加载图像。这两个函数都成功运行,但我想要的是停止执行预加载函数,并在图像加载完成时显示下一个函数。

简单地说,我想隐藏预加载函数并在加载 Sprite 函数后显示 Sprite 函数

最佳答案

看看这个: Wait for image to be loaded before going on

这是一个简单的模型:

<html>
<head>
<script language="javascript">
function loadImage()
{
  var img = new Image();
  img.src = 'img_navsprites.gif';
  console.log( '1. Image has just started downloading.' );
  document.getElementsByTagName('body')[0].appendChild(img);
  img.onload = function() {
    console.log( '2. Image has fully loaded.' );
  }
  console.log( '3. Hey, look at me ... all the way down here!' );
}
</script>
</head>
<body onload="loadImage()">
<div>
</div>
</body>
</html>

还有一个基于您的代码的 PasteBin 模型: http://pastebin.com/wcBY2YaL

关于javascript - 如何在 html5 的 javascript 中加载时停止一个函数并设置其他函数运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11857639/

相关文章:

javascript - 获取所选文本的开头和结尾的字符偏移量

javascript - ng-click后如何将值传递给ng-if?

html - SVG 直线动画 CSS

html - IE PNG修复问题

html - 带有边框底部的文本装饰,ul 垂直居中 - li 悬停在其上时为 "jumps"

HTML 到 PDF 内容溢出到下一页

Javascript DOM : Setting custom DOM element properties

javascript - 是否可以在同一个 package.json 文件中使用 VueJS 1 和 2?

javascript - 绑定(bind)两个输入,以便即使其中之一被用户更改,它们也会显示相同的文本

javascript - 如何使用 Javascript 分解 HTML 字符串中的每个单词,然后在 HTML 中一一显示每个单词?