Question

我有一个PHP页面，它在另一个页面上调用JavaScript函数，以便加载60个图像中的一个（每秒1个）。每个图像的名称都有一个数字（即1-60），当用户按下按钮时，加载的图像对应于按下按钮时的第二个图像。

我有JavaScript页面返回当前秒数，但我似乎无法引用正确的图像名称。这是一个JavaScript语法问题还是应该通过Ajax单独捕获'seconds'变量：

<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>

Answer 1

尝试：

<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。

每秒加载图像

1 个答案: