我正在尝试开发幻灯片,幻灯片之间有暂停。所以我正在尝试使用setTimeout语句,如下所示。这是写入交换2.jpg为1.jpg,点击按钮暂停10秒。但现在确实有效。谁能帮我。感谢。
<html>
<head>
<script type="text/javascript">
var t;
function swap(newImage) {
var fileName=newImage.toString()+".jpg"
document.slideshow.src=fileName
t=setTimeout("swap()",10000)
}
</script>
</head>
<body>
<img name="slideshow" src="1.jpg" width="450" height="335" />
<br /><br />
<input type="button" onClick="swap('2')" value="Change image" />
<br /><br />
</body>
</html>
答案 0 :(得分:6)
这里有一些问题。首先,不推荐在setTimeout的第一个参数中进行评估的传递代码。更好地传递一个回调:
setTimeout(function() { swap(); },10000);
//Or
setTimeout(swap,10000); //Passing the actual function as the callback
其次,您在超时内调用没有参数的swap()方法。它应该传入一个新的图像文件名(可能通过声明一个文件名数组),或检查参数是否设置。
function swap(newImage,element) {
if(newImage) {
var fileName = newImage.toString()+".jpg";
element.src = fileName;
}
t=setTimeout(this,10000)
}
这个功能在第一次运行后显然不会做任何事情(因为没有提供新的图像文件名)。使用数组,您可以迭代几个文件名:
var images = ['1.jpg','2.jpg','3.jpg'];
var slideshow = function(element, images, index) {
if(!index || ( (index + 1) > images.length) ) index = 0;
element.src = images[index];
t = setTimeout(function(){
slideshow(element, images, index + 1);
},10000)
};
//Fetch the image element the slideshow is running on
var element = document.slideshow;
slideshow(element, images);
这将继续在阵列中的图像之间切换,直到超时被取消。
答案 1 :(得分:2)
您的交换函数需要一个参数,因此它不适用于setTimeout。
答案 2 :(得分:-1)
Javascript没有必要进行幻灯片放映。您所要做的就是将每个图像放入一个单独的页面,然后将这一行添加到&lt; head&gt;中每页的顶部。部分:
<meta http-equiv="refresh" content="10;url=NextPage.html"/>
“10”是进入下一页之前等待的秒数,“NextPage.html”是包含要显示的下一个图像的页面的链接。