带间隔的Javascript幻灯片放映

我有一个JavaScript幻灯片，只在刷新页面时更改图像。我试着加上

setInterval（“printImage1（）”，4000）
但是我在下面看到了很多图像

JavaScript

NumberOfImagesToRotate1 = 10; 

FirstPart1 = '<a href="';
MiddlePart1 = '.htm"><img src="img/';
LastPart1 = '.jpg" border="0" height=”450” width="800"></a>';

function printImage1() {
var r = Math.ceil(Math.random() * NumberOfImagesToRotate1);
 document.write(FirstPart1 + r + MiddlePart1 + r + LastPart1);
}

NumberOfImagesToRotate1=10；
第一部分1=“”；
函数printImage1（）{
var r=Math.ceil（Math.random（）*NumberOfImagesToRotate1）；
写文档（第一部分1+r+MiddlePart1+r+LastPart1）；
}

HTML

printImage1（）如果我正确理解“但是我在每个下面都有多个图像”，那么每4秒，您就会在上一个下面打印另一个图像

在HTML中，您应该添加如下内容：

<div id="spaceForImage"><div>

那应该是你想要的

编辑：

使用Mijago的想法，你需要


默认情况下，在HTML中，然后在javascript中，将
document.write（）更改为

$('#slideLink').attr('href',r + '.htm');
$('#slideImage').attr('src','img/' + r + '.jpg');

这也很好。更改DOM较少，但有一行额外的代码。
您是说每4000毫秒在前一个图像下添加一个图像？为什么不简单地设置a和img节点的属性
$('#spaceForImage').html(FirstPart1 + r + MiddlePart1 + r + LastPart1);

$('#slideLink').attr('href',r + '.htm');
$('#slideImage').attr('src','img/' + r + '.jpg');