JavaScript を学習し、Web デザインのコースを受講しているだけなので、新しいのですが、5 分ごとに個別に変化する 10 個の画像が必要です。3 つの画像間で PC の時計に合わせて 5 分ごとに変化し、最初の画像に戻ります。
私は設定された間隔を使用してこれを達成しようとしています。
JavaScript のレイアウトに関しては、必要なことを行うために 10 個すべてが必要なときに、必要なことを行うために 10 個の最後の画像しか取得できないため、混乱しています。
var start = new Date().getTime(),
i = 0,
//get the node of the image to change
img = document.getElementsByTagName('IMG')[0];
setInterval(function(){
//what time is now
var now = new Date().getTime();
if(now - start > 60000){
//initialize the counter
start = now;
//overlay with 0's -> substr(-4)
//rotate on 1440 with a modulo -> i++ % 1440
img.src = ('000' + (i++ % 1440 + 1)).substr(-4) + '.jpg';
}
}, 10000); //check every 10 sec
私はこれを見つけましたが、複数の画像を機能させることはできません