1

我对我的代码有疑问。它真的很奇怪......我不知道为什么会发生这种情况，但让我解释一下。（我的英语不好，但我会尽力解释并给你们很好的了解发生了什么）

var spaceshipIncoming = document.createElement('audio');
var canvasMS12Main = document.getElementById('canvasMS12Main');
var imgMainMs12 = canvasMS12Main.getContext('2d');
var mainMs12 = new Image();
var number2 = 5;
var formatImage = ".png";
var stopeIncreaseMS12 = false;


function introMenu(){ //509,734,306,345
        imgMain.drawImage(mainImg, 6, 8, gameWidth, gameHeight, 0, 0, gameWidth, gameHeight);
        audioElement.setAttribute('src', 'soma.mp3');
        audioElement.play();          
}

function ms12AniAndSound(){
        setTimeout("introMS12()",5000);
        spaceshipIncoming.setAttribute('src', 'spaceshipIncoming.mp3');
        spaceshipIncoming.play();
}
function introMS12(){//78
    if(number2 < 78){
        number2 = number2 + 1;
    }else if (number2 == 78){
        stopeIncreaseMS12 = true;
    }
    var num = new Number(number2);
    mainMs12.src = 'ms12IntroAnimation/introMS12-' + num + formatImage;
    clearMainMS12();

    imgMainMs12.drawImage(mainMs12, 0, 0, gameWidth, gameHeight, 0, 0, gameWidth, gameHeight); 
    delayMS12();
}

function delayMS12(){
    if(stopeIncreaseMS12 == false){
    setTimeout("introMS12()",25);
    }else if(stopeIncreaseMS12 == true){
        clearMainMS12();
    }

}

function clearMainMS12(){
    imgMainMs12.clearRect(0, 0, 800, 500);
}

我有一个包含动画图像的文件夹，每个 PNG 文件的名称如下：introMS12-#。每个 # 从 6 到 78 开始（所以基本上它看起来像 introMS12-6.png、introMS12-7.png、introMS12-8.png .....introMS12-78.png）

当我第一次加载网页时，它不显示动画，而只在画布上播放 mp3 声音。但是，如果我刷新它或按F5，它会播放动画......有时即使我刷新它也不会播放动画。但是，如果我关闭 Chrome 网络浏览器并重新启动它并尝试刷新按钮，它就会开始播放动画.....（它随机工作......）

我一直试图让这项工作超过 10 个小时......但我不知道我的代码有什么问题......请帮助我！谢谢。

4

0 回答 0