需求:RT.一共20张图片,一次显示4张图片,然后每隔3秒更换一次图片(随机取20张中的4张不同的图片)
假设你的4个img写成如下格式了<img data-url="http://xxx.com/images" class=".slides" />
并且20张图片文件名正好是0-19
20个数字。
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);