javascript - 将超时设置为无穷大时遇到问题

标签 javascript html gif

我有一个点击时运行的旋转 gif 动画。我希望这个 gif 一直运行,直到函数完成并移至下一页。有人能帮忙吗?我尝试将时间更改为 10000,但它不起作用,因为它仍然不够长。

参见下面的代码

function show() {
  document.getElementById("myDiv").style.display = "block";
  setTimeout("hide()", 5000); // 5 seconds
}

function hide() {
  document.getElementById("myDiv").style.display = "none";
}
<input type="submit" onclick="show()">

<div id="myDiv" style="display:none"><img id="myImage" src="Spinner.gif"></div><br>

最佳答案

我认为你不应该使用setTimeout。只需在等待的函数末尾调用 hide() 函数即可

关于javascript - 将超时设置为无穷大时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50158826/

相关文章:

c++ - 使用 giflib 段错误 C++ 提取帧

javascript - 如何使用 Webassembly (wasm) 访问和修改文档对象模型 (DOM)?

c# - 如何从ActiveX或DLL调用Javascript函数

javascript - wami-recorder - Wami.startRecording 不是一个函数

html - 使用下拉动画创建纯 css 子菜单时出现问题

image - Go 生成的动画 GIF 在 Windows 中不起作用

javascript - 如何在获得响应后刷新加载 iFrame 的页面

javascript - 根据选择下拉标签中的文本大小更改样式

html - CSS,在一定数量的符号后插入换行符

android - 如何在 react-native android 应用程序中显示 GIF?