圖像加載時間延遲

Question

該腳本有效，並加載到我的圖像中。

我希望在10秒鍾后將其加載到新圖像中，當我嘗試執行此操作時，對我做錯了什么沒有任何建議？

    <?php header("Refresh: 5; URL=mytestfile.php"); ?>
<div style="width: 964px;">
<div style="float: left; width: 240px;">
<?php $mybanners[1] = '<a href="/chiropractor/"><img src="banners/chiropractor.jpg"></a>';
$mybanners[2] = '<a href="/chiropodist/"><img src="banners/chiropody.jpg"></a>';
$mybanners[3] = '<a href="/fitness-instructor/"><img src="banners/fitness ball.jpg"></a>';
$mybanners[4] = '<a href="/dietician/"><img src="banners/Dietician.jpg"></a>';
$mybanners[5] = '<a href="/alexander-technique/"><img src="banners/Alexander technique.jpg"></a>';

$id = rand(1,5);

echo $mybanners[$id]; 

// this is the section I tried to control the delay

$mybanners = 0;
for($i=0; $i<10000; $i++){
if($i=='10000'){
    $mybanners++;
    $i = 0;
    }
    if($mybanners=='10'){
    $mybanners=0;
 }

}?>

Answer 1

您無法通過PHP進行控制，這是Javascript用例。 for不是與時間相關的控件： http : //php.net/manual/en/control-structures.for.php

您可以使用Javascript獲得圖像列表：

var myImages = [
  '<a href="/chiropractor/"><img src="banners/chiropractor.jpg"></a>',
  '<a href="/chiropractor/"><img src="banners/chiropractor.jpg"></a>',
  '<a href="/chiropractor/"><img src="banners/chiropractor.jpg"></a>',
  '<a href="/chiropractor/"><img src="banners/chiropractor.jpg"></a>',
];

（您當然可以使用PHP生成此列表）

然后，每10秒對它執行以下操作：

var i = 0;
window.setInterval(function() {
  alert(myImages[i]);
  i++;
, 10000}

PHP如果用於生成頁面，則在將頁面提供給客戶端之后無能為力。

Answer 2

如果您嘗試使用“刷新”標頭進行循環，則不需要循環。
同樣，計數到10000不需要10秒。 並且您將以前的urls數組用作索引...簡而言之，再次構建它。

如果要在瀏覽器中旋轉網址列表，請使用javascript。

編輯：添加示例

1）使url可用於javascript：

在php中，您輸出javascript：

echo "<script>";
echo "var urlList = new Array();";
foreach ($urls as $url)
  echo "urlList[urlList.length]='$url';";

2）旋轉它們這是每5秒運行一次功能的基本結構：

setTimeout(function() {}, 5000);

您需要找出一種進行旋轉的方法：為該數組的索引保留一個計數器，或者嘗試使用隨機數：

setTimeout(function() {
  var index = Math.round(Math.rand * urlList.length);
  document.getElementById('#myimg').src.href=urlList[index];
}, 5000);

注意：我在這里編寫此代碼，它未經測試，但足以使您開始工作。 完成后，請考慮使用一些jQuery.fade過渡。