1

我有一个 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>
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 回答