代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <img src="./images/1.jpg"> <script> // 图片数组 let array_pic = [ './images/1.jpg', './images/22.jpg', './images/3.jpg', './images/44.jpg', ] // 查找DOM对象 let img = document.querySelector('img') // 根据数组长度生成随机数 let random = getRandom(0, array_pic.length - 1) // 更换图片 img.src = array_pic[random] // 随机数公式 function getRandom(min = 0, max = 1){ return Math.floor(Math.random() * (max - min + 1)) + min } </script> </body> </html>
效果图:
web API-DOM-案例-随机换图效果
最新推荐文章于 2024-09-13 23:32:49 发布