window.onload = function () {
var imgSrc = ['<div><img src="./image/test0.png" alt=""><span>文字1</span></div>',
'<div><img src="./image/test1.png" alt=""><span>文字2</span></div>',
'<div><img src="./image/test2.png" alt=""><span>文字3</span></div>',
'<div><img src="./image/test3.png" alt=""><span>文字4</span></div>',
'<div><img src="./image/test4.png" alt=""><span>文字5</span></div>'];
randomSort2(imgSrc)
function randomSort2(arr) {
//生成随机数,随机的数组中的一项添加到数组第一项
let firstRandom = parseInt(Math.random() * arr.length);
arr.unshift(arr[firstRandom]);
arr.splice(firstRandom + 1, 1);
//生成随机数,随机的数组中的一项添加到数组最后一项
let SecondRandom = parseInt(Math.random() * arr.length);
arr.push(arr[SecondRandom]);
arr.splice(SecondRandom, 1);
var html = ""
for (let i = 0; i < arr.length; i++) {
html += imgSrc[i]
}
//渲染页面
document.querySelector("div").innerHTML = html
}
};
JS原生随机排序插入对应图片文字
最新推荐文章于 2022-04-29 07:45:00 发布