html
<div>
<img src="" alt="" id="img" />
</div>
jquery
var arr = []; //声明一个空数组,用来存放之后需要用的数组
function num(n, m) {
return Math.round(Math.random() * (m - n) + n);
} //封装n~m之间的随机数
(function() {
var arr = [ //图片路径
{
id: "001",
name: "第一张图片",
src: "../../1.png"
},
{
id: "002",
name: "第二张图片",
src: "../../2.png"
},
{
id: "003",
name: "第三张图片",
src: "../../3.png"
},
{
id: "004",
name: "第四张图片",
src: "../../4.png"
},
{
id: "005",
name: "第五张图片",
src: "../../5.png"
}
];
var srcPic = localStorage.getItem("src");//取数据
if (localStorage.getItem("src")) {
img.src = srcPic;
} else {
img.src = arr[num(0, arr.length - 1)].src; //调用随机数,让图片随机出现
localStorage.setItem("src", img.src);//存储随机显示的图片路径
}
})();