1

我有一个图像，我需要在显示特定时间间隔后隐藏图像。我为此编写了以下代码。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="./1_files/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('div').delay(2000).show(0);
$('hide').delay(3000).hide(0);​
});
</script>
</head>

<body>
<img id="hide" src="9.png" width="29" height="39">
</body>
</html>

图像没有隐藏。它不断显示。任何想法为什么？提前致谢。

4

2 回答 2

4

在 jQuery 1.7 中，通过这个小的更正/更改对我来说效果很好：

$("#hide").delay(3000).hide(1);​

我所做的两个更改是：

  1. 通过添加 # 来修复您的选择器
  2. 添加一个次要时间值.hide(1)，将其转换为与.delay().

你可以在这里看到它的工作：http: //jsfiddle.net/jfriend00/NGW8p/

于 2012-05-18T22:38:00.160 回答
2

这应该是问题

http://api.jquery.com/delay/

“在 1.4 版本中添加到 jQuery，.delay() 方法允许我们延迟队列中跟随它的函数的执行。它可以与标准效果队列或自定义队列一起使用。只有队列中的后续事件被延迟；例如，这不会延迟不使用效果队列的 .show() 或 .hide() 的无参数形式。”

于 2012-05-18T22:36:50.550 回答