首页 > js里有2个定时器的话,怎么让他们分别执行?

js里有2个定时器的话,怎么让他们分别执行?

我自己写了个需求,就是当页面载入3秒后,显示一张图,然后让这张图显示5秒,接着这张图消失。

代码是这个
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
</head>
<body>
<style>
.ad_midd{width:1002px;margin:0 auto;overflow:hidden;height:300px;position:relative;clear:both;display:none;}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.0/jquery.min.js"></script>

<script> window.onload=function(){ setTimeout( function(){ $('.ad_midd').slideDown(); } , 2000 ) clearTimeout(); setTimeout( function(){ $('.ad_midd').slideUp(); } , 1000 ) } </script>

</body>
</html>

可是图片显示之后,就不在隐藏了,怎么修改呢?求高手帮我看看
为什么不能插入html代码了。。。只能贴图了
我觉得应该是js写的有问题,因为是初学者。。。


你写的描述真的很不清晰,也看出来确实是新手。刚才看明白了题没有回答,过了两个小时发现还没人回答,我来给你回答吧:

$(function() {
    window.setTimeout("$('.ad_midd').slideUp()", 3000);
    window.setTimeout("$('.ad_midd').slideDown()", 8000);
});
【热门文章】
【热门文章】