1

別のページで JavaScript 関数を呼び出して、60 個の画像 (毎秒 1 個) の 1 つを読み込む PHP ページがあります。各画像の名前には数字 (つまり 1 ～ 60) があり、ユーザーがボタンを押すと、ボタンが押された秒に対応する画像が読み込まれます。

現在の秒数を返す JavaScript ページがありますが、正しい画像名を参照できないようです。これは JavaScript 構文の問題ですか、それとも「seconds」変数を 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>
4

1 に答える 1

3

試す：

<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-25T05:01:23.420 に答える