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 に答える