每秒加載圖像

我有一個PHP頁面調用另一個頁面上的JavaScript函數，以加載60個圖像之一（每秒1個）。每個圖像的名稱中都有一個數字（即1-60），並且當用戶按下按鈕時，按下按鈕時加載的圖像對應於第二個圖像。每秒加載圖像

我有JavaScript頁面返回當前的秒數，但我似乎無法引用正確的圖像名稱。這是一個JavaScript語法問題，還是應該以 '秒' 變量通過Ajax分開記錄：

<img src=<?php echo image-1.jpg') ?> id="imageX" /> 
<div id="mySec">Seconds</div> 
<button type="button" onclick="myFunction_1()">Function_1</button> 

<script> 
    function myFunction_1() { 
     var d = new Date(); 
     var x = document.getElementById("mySec"); 
     x.innerHTML=d.getSeconds(); 
     var z = d.getSeconds(); 
     document.getElementById("imageX").src="<?php echo 'image-' . "z". '.jpg' ?>" ; 
    } 
</script>

來源

2013-02-25 TedtheBear

你不能像這樣混合PHP和JavaScript，並期望它工作。 PHP在服務器上運行，JavaScript在瀏覽器中運行。 – 2013-02-25 03:46:45

感謝@Matt - 所以如果我要使用Ajax，我該怎麼做。 – TedtheBear 2013-02-25 03:51:29

你根本不需要ajax。您正在使用（試圖使用）PHP來構建一個字符串。只需用JavaScript字符串連接來代替它。 – 2013-02-25 03:54:33

嘗試：

<img src="image-1.jpg" id="imageX" />

和：

<script> 
    function myFunction_1() { 
     var d = new Date(); 
     var x = document.getElementById("mySec"); 
     var z = d.getSeconds(); 
     x.innerHTML = z + ' Seconds'; 
     document.getElementById("imageX").src = 'image-' + z + '.jpg'; 
    } 
</script>

無需PHP在所有。

來源

2013-02-25 05:01:23 iambriansreed

謝謝@iambriansreed是這工作 - 它是+的標誌，使它。 – TedtheBear 2013-04-05 12:43:58

每秒加載圖像

回答

相關問題