首页 > 如何实现每隔3秒随机更换图片?

如何实现每隔3秒随机更换图片?

需求:RT.一共20张图片,一次显示4张图片,然后每隔3秒更换一次图片(随机取20张中的4张不同的图片)


假设你的4个img写成如下格式了<img data-url="http://xxx.com/images" class=".slides" />并且20张图片文件名正好是0-1920个数字。

setInterval(function() {
    var images = document.querySelectorAll('.slides');
    [1,2,3,4].forEach(function(k,v) {
        var url = images[v].getAttribute('data-url')+'/'+parseInt(Math.random()*20)+'.jpg';
        images[v].setAttribute('src', url);
    })
}, 3000);
【热门文章】
【热门文章】