2016-05-23 20 views
0
sourceからこのスクリプトは、インターバル2000ミリ秒(2秒)

jQueryの画像負荷間隔

とAJAX.PHPの中で定義された画像を回転させるしかし、問題は、最初の画像は、ページのロード時に、すぐにではないロードしていることであるが、

2秒後に。

質問 - 次のコードを修正して、ページの読み込み直後の最初の画像を表示することはできますか? - その後、2秒間隔で他の画像を定義通り回転します。しようとする任意のヒントを事前に

<head> 
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script> 
$("document").ready(function(){ 
    setInterval(function(){ 
     $.ajax({ 
      type:"POST", 
      url:"ajax.php", 
      success:function(result){ 
       $("#banner_div").html(result); 
      } 
     }); 
    }, 2000); 
}); 
</script> 
</head> 
<body> 
<div id="banner_div"></div> 
</body> 

おかげで、

答えて

2

あなたはそれを機能させると、ページの読み込みにもインターバル+でそれを呼び出すことができます解決のための

<script> 
$("document").ready(function(){ 
    function loadImage(){ 
     $.ajax({ 
      type:"POST", 
      url:"ajax.php", 
      success:function(result){ 
       $("#banner_div").html(result); 
      } 
     }); 
    } 
    setInterval(loadImage, 2000); 
    loadImage(); 
}); 
</script> 
+0

TYを!シンプルでエレガント。 – Serge