Question

我想用相同的按钮在每次点击时显示不同的图像，所以第一次点击将显示图像一次，第二次点击将显示图像二，依此类推......

Answer 1

你可以在onClick（）调用之外存在一个计数器，它会在每次点击时递增。像，

<button onclick="onClick()">Change Image</button>

<script language="JavaScript">

    var count = 0;
    var n = 10; //arbitrary number of images

    function onClick() {

        if (count === 0) {
            //change image source to first image
            document.getElementById("imageElement").src="image1.png";
        } else if (count === 1) {
            //change image source to second image
            document.getElementById("imageElement").src="image2.png";
        }
        //repeat as necessary for number of images

        count += 1;

        //reset count when image limit is reached
        if (count === n)
            count = 0;
    }
</script>

Answer 2

提到的场景的方法可能是设置一个JavaScript计数器并在下面放置一个if条件。在if中检查当前所在的数字，相应地更新图像div Url以及将计数器更新为+ 1.

使按钮在每次单击时执行不同的操作

2 个答案: