Question

当isEndOfGame变为true时尝试更改背景图像，但它会转到第一张图像，然后停留在该图像上。它console.logs每秒“运行”，但不会改变图像。

    var endOfGame = {
        isEndOfGame: false,
        displayEndScreen: function() {
            setInterval(function() {
                if (endOfGame.isEndOfGame === true) {
                    console.log("running");
gameController.ctx.clearRect(0, 0, gameController.canvas.width, gameController.canvas.height);
                if ($("#canvas").css('background-image') == 'url(images/endOfGame.jpg)') {
                        $("#canvas").css('background-image', 'url(images/endOfGame1.jpg)');
                    }
                else {
                        $("#canvas").css('background-image', 'url(images/endOfGame.jpg)');
                    }
                }
            }, 1000);
        }
    };

    endOfGame.displayEndScreen();

http://jsfiddle.net/HENHD/1/

如果有人可以使用上面的jsfiddle和他们自己的图像（不确定这是否可以在jsfiddle上）并尝试看看有什么问题，那将是值得赞赏的。

Answer 1

使用

更改css中的背景图片

$("#canvas").css('background-image', 'url(images/endOfGame1.jpg)');

Answer 2

什么是属性$（“＃canvas”）。 attr（'background'，'url（images / endOfGame1.jpg）'）;? 可能必须 - $（“＃canvas”）。attr（'style'，'background：url（images / endOfGame1.jpg）'）;？

jQuery修改CSS属性

2 个答案: