我有一个图像,我需要在显示特定间隔后隐藏图像。我为它编写了以下代码。
<!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>
图像未隐藏。它不断显示。有什么想法吗?提前谢谢。
答案 0 :(得分:4)
在jQuery 1.7中,通过这个小的修正/更改,它对我来说效果很好:
$("#hide").delay(3000).hide(1);
我做的两个改变是:
.hide(1)
添加次要时间值,将其转换为适用于.delay()
的动画。您可以在此处查看:http://jsfiddle.net/jfriend00/NGW8p/
答案 1 :(得分:2)
这应该是问题
“在版本1.4中添加到jQuery,.delay()方法允许我们延迟队列中跟随它的函数的执行。它可以与标准效果队列或自定义队列一起使用。只有后续事件在队列中被延迟;例如,这不会延迟不使用效果队列的.show()或.hide()的无参数形式。“