Javascript按时间顺序运行任务

Question

javascript如何运行任务？

我最近开始编写javascript，在玩完这个之后，我想到了，简单的项目。这只是播放一些音乐，而一些照片会在几秒钟之间显示出来。

在我使用的大多数语言中，任务在下一个语言开始之前完成，但它看起来与JS中的相同。在下面的代码中，您只能看到“image / image2.jpg”，而不是“image / image1.jpg出于某种原因。”

为什么这不起作用？如何以简单的方式完成？

Fiddle

HTML：

<img src="image/image1.jpg" id="image1" style="display:none;">

使用Javascript：

$(document).ready(function(){
var audio = new Audio('sang3.mp3');
audio.play();


$("#image1").delay(5000).fadeIn(3000);
$("#image1").delay(9000).attr("src", "image/image1.jpg"); //This Image is never seen
$("#image1").delay(5000).fadeOut(3000);

$("#image1").delay(9000).attr("src", "image/image2.jpg"); //But this one is
$("#image1").delay(5000).fadeIn(3000);
$("#image1").delay(5000).fadeOut(3000);
});