0

我需要使用 DHTML/Javascript 创建一些动画，我正在努力让我做的任何事情都可以工作。我的参数是它必须使用 setInterval 函数、一个用户定义的函数和 8 个 jpg 文件。还必须有一种停止动画的方法。

如果有人能让我指出正确的方向，我会非常高兴。到目前为止，我还没有找到关于如何做到这一点的合适信息，而且我对 Javascript 还是很陌生。谢谢。

很抱歉没有早点发布代码。真是一团糟，我不想让自己难堪。这就是我所拥有的。它不工作。

var slideShow = ['images/pic0.jpg','images/pic1.jpg','images/pic2.jpg','images/pic3.jpg','images/pic4.jpg','images/pic5.jpg','images/pic6.jpg','images/pic7.jpg'];
picO = new Array();
for(i=0; i < slideShow.length; i++) {
picO[i] = new Image();
picO[i].src = slideShow[i];
}
var curPic = -1;
function changeImage(){
curPic = (++curPic > slideShow.length-1)? 0 : curPic;
imgO.src = picO[curPic].src;
setInterval(changeImage,100);
}
window.onload=function(){
imgO = document.getElementById("imgAnim");
changeImage();
}

var t=setTimeout(function(){alert("Welcome to my animated page")},3000)

它需要做的另一件事是在动画开始 3 秒后弹出一个警告框。它正在这样做，但它每 3 秒弹出一次，这不是我想要的。

感谢您一直以来的帮助。最近我的 Javascript 工作做得很好，但这只是我不太熟悉的东西。

4

1 回答 1

1

使用 setInterval 和停止动画

var animation = setInterval(yourAnimation,500); // run yourAnimation every 500ms
clearInterval(animation); // stop animation

到动画

var slideShow = ["img1.jpg","img2.jpg", ... ,"img8.jpg"];
var counter = 0;
function yourAnimation() {someImage.src = slideShow[++counter%slideShow.length];}
于 2013-06-11T01:54:39.257 回答