随机出现一张图片

先把json里的内容放到定义好的一个空数组里面,然后弄一个随机数当数组的下标,当点击按钮时把数组里随机的图片的路径赋给提前设置好的图片。

效果图

随机出现一张图片_第1张图片

JSON

{
    "status": "0",
    "message": "success",
    "data": {
        "title": "请认真对待考试,随机选取其中一张图片",
        "content": [
            {
                "id": "001",
                "name":"第一张图片",
                "src":"img/11.jpg"
            },
            {
                "id": "002",
                "name":"第二张图片",
                "src":"img/22.jpg"
            },
            {
                "id": "003",
                "name":"第三张图片",
                "src":"img/33.jpg"
            },
            {
                "id": "004",
                "name":"第四张图片",
                "src":"img/44.jpg"
            },
            {
                "id": "005",
                "name":"第五张图片",
                "src":"img/55.jpg"
            }
        ]
    }
}

代码片段

HTML部分


                          //定义一个空路径的img
    

JS部分

 //外部引入封装好的ajax封装函数

注:
num(0,arr.length)=num(n,m)
arr[num(0,arr.length-1)]=arr[随机下标]

你可能感兴趣的:(随机出现一张图片)