在特定时间后隐藏图像

时间:2012-05-18 22:30:08

标签: jquery jquery-ui

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

<!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>

图像未隐藏。它不断显示。有什么想法吗?提前谢谢。

2 个答案:

答案 0 :(得分:4)

在jQuery 1.7中,通过这个小的修正/更改,它对我来说效果很好:

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

我做的两个改变是:

  1. 通过添加#
  2. 修复您的选择器
  3. .hide(1)添加次要时间值,将其转换为适用于.delay()的动画。
  4. 您可以在此处查看:http://jsfiddle.net/jfriend00/NGW8p/

答案 1 :(得分:2)

这应该是问题

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

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