Question

来自source的此脚本旋转AJAX.PHP中定义的图像，间隔为2000毫秒（2秒）

但问题是第一张图片也不会在页面加载时立即加载，而是在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>

提前感谢任何提示尝试，

Answer 1

你可以把它变成一个函数，然后在页面加载的区间+中调用它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Cell 1</td>
    <td><a href="#">Edit</a>
    </td>
    <td>Cell 2</td>
    <td><a href="#">Edit</a>
    </td>
    <td>Cell 3</td>
    <td><a href="#">Edit</a>
    </td>
    <td>Cell 4</td>
    <td><a href="#">Edit</a>
    </td>
  </tr>
</table>
<script>
  $(document).ready(function() {
    $("td a").click(function() {
      var vvaall = $(this).parent("td").prev("td").html();
      $(this).parent("td").prev("td").empty().html('<input type="text" name="test" value="' + vvaall + '" /><input type="submit" />');
    });
  });
</script>

Jquery图像加载间隔

1 个答案: