jquery从多张二维码中随机显示一张,并用localStorage记录存储当前显示的那张图片,让当前刷新一直显示该二维码

201 阅读1分钟

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);//存储随机显示的图片路径
    }
  })();