本文介绍了一种JavaScript技术，通过代码实现在页面刷新时图片能够随机变化的效果。作者提到这种方法已经经过测试，并且欢迎读者分享更多相关实现方式。
js实现刷新页面图片随机变化
刷新页面，页面其他地方保持不变，图片变化，思路就是取图片路径，将图片路径用字符串数组保存，随机数取其下标，这样图片就能随机变化了，然后就要将获得的图片路径在页面上随机展示，这里我是这么做的，直接贴代码：
//这是js代码
function randomWord (randomFlag, min, max) {
let str1 = "",
range = min,
arr = ['./img/test1.jpg', './img/test2.jpg', './img/test3.jpg', './img/test4.jpg', './img/test5.jpg', './img/test6.jpg', './img/test7.jpg', './img/test8.jpg', './img/test9.jpg','./img/test10.jpg'];
if (randomFlag) {
range = Math.round(Math.random() * (max - min)) + min;// 任意长度
}
for (let i = 0; i < range; i++) {
pos = Math.round(Math.random() * (arr.length - 1));
str1 += arr[pos];
}
str2=str1;
return pos+1;
};
// 多余地方请自动忽略，测试用的，懒得删除，参考的需要的部分即可
console.log('test:',randomWord(true,1,1));
//这是html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
最低0.47元/天 解锁文章
扫一扫
1466
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
