如何在jquerymobile中应用延迟加载

How to apply delay to load something in jquerymobile

本文关键字：应用 延迟加载 jquerymobile      更新时间：2023-09-26

加载页面后，我需要对某些内容应用延迟。延迟可能是5秒，然后我需要加载一些组件。如何做到这一点？

由于您使用的是jQuery mobile，因此已经使用

.delay()

来自jQuery。http://api.jquery.com/delay/

还有一个类似的问题。小心jQuery文档说明这一点-

.delay（）方法最适合在排队的jQuery之间进行延迟效果。因为它是有限的——例如，它没有提供一种方法取消延迟--.delay（）不能替代JavaScript的本机setTimeout函数，它可能更适合某些用途案例。

以下是jQuery文档中的示例

<!DOCTYPE html>
<html>
<head>
  <style>
div { position: absolute; width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; left: 0;}
.second { background-color: #33f; left: 80px;}
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><button>Run</button></p>
<div class="first"></div>
<div class="second"></div>
<script>
    $("button").click(function() {
      $("div.first").slideUp(300).delay(800).fadeIn(400);
      $("div.second").slideUp(300).fadeIn(400);
    });
</script>
</body>
</html>

function loadStuff()
{
    //load stuff
}
setTimeout(function(){loadStuff()}, 5000);

编写函数来进行加载，然后在超时5秒后调用该函数。

使用javascript setTimeout（）函数。例如setTimeout（"function（）"，5000）；

相关文章：