こんばんは!


プログラミングっぽい事が出来たので早速覚えたこと書きます!

【覚えたこと】
・タイマー設置
setIntervalを使う。
今回やったのは画像を1秒おきに切り替わるように設定。※簡単なスライドショーが出来る。
例)
const pic_src=[画像0,画像1,画像2]
let num=-1;

function slideshow_timer(){
if(num===2){
num=0;
}else{
num++;
}
document.getElementById(画像のid).src=pics_src[num];
}

setInterval(slideshow_timer,1000);

○解説
画像を3つ配列で置く
変数に-1代入
変数を使って表示する画像の順番を指定。と一緒に変数の数を1つづ増やしていき2になったら0に戻すようにする。
最後に1秒毎に変わるように設定。



配列と変数を増やして表示するものを替えるというのは色々使えそうだと思いました。
タイマーで自動で切り替わるということにプログラミングが出来た!という感動があり勉強してて面白かった爆笑