javascript - 如何在javascript中创建图像动画

Question

我正在尝试创建一个图像动画，它通过单击 Start Animation 按钮开始，并且应该每半秒与另一张图片交替出现，直到我单击 Stop Animation 按钮.当我运行这段代码时，它没有输出任何东西。以下代码有什么问题？

我的编码:

<button onClick="StartAnimation()">
Start Animation
</button>

<button onClick="StopAnimation()">
Stop Animation
</button>

<script>
    var counter;
    var Schedule;
    function StartAnimation(){
    var images = document.getElementById("fish"); 
   images.src="https://www.uow.edu.au/~dong/w3/assignment/a5/happy_fish.png";


    Schedule = setInterval(animationfunction,5000);

} 
function animationfunction(){
    var fish_img = document.getElementById("fish");
    fish_img.src = "https://www.uow.edu.au/~dong/w3/assignment/a5/sad_fish.png";
}
function StopAnimation(){
    clearInterval(Schedule);
}

Answer 1

你错误地命名了你的函数 function StarAnimation(){ 应该是 function StartAnimation(){