Question

我在div上方，但我想隐藏它们并在间隔时间显示每个

我希望在打开页面时默认隐藏它们

，然后每当页面加载一段时间后，就会显示

    
          $(document).ready( function() {
            $('#do_1').delay(1000).show();
    		$('#do_2').delay(2000).show();
    		$('#do_3').delay(3000).show();
    		$('#do_4').delay(4000).show();
    		$('#do_5').delay(5000).show();
          });

        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
        <div id=do_1 > do 1 </div> 
    	<div id=do_2 > do 2 </div> 
    	<div id=do_3> do 3 </div> 
    	<div id=do_4 > do 4 </div> 
    	<div id=do_5 > do 5 </div>

Answer 1

  $(document).ready( function() {
        $('.content').hide();
        $('#do_1').delay(1000).show(0);
        $('#do_2').delay(2000).show(0);
        $('#do_3').delay(3000).show(0);
        $('#do_4').delay(4000).show(0);
        $('#do_5').delay(5000).show(0);
      });

<html> 
  <head> 
    <title>Untitled Document</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  </head> 
  <body> 
    <div id=do_1 class='content'> do 1 </div> 
    <div id=do_2 class='content'> do 2 </div> 
    <div id=do_3 class='content'> do 3 </div> 
    <div id=do_4 class='content'> do 4 </div> 
    <div id=do_5 class='content'> do 5 </div> 
  </body> 
</html>

一段时间后隐藏并显示

1 个答案: