1

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 

私はこれを見つけましたが、複数の画像を機能させることはできません

4

1 に答える 1