js实现刷新页面图片随机变化

最新推荐文章于 2024-03-15 15:17:23 发布

道济和尚

最新推荐文章于 2024-03-15 15:17:23 发布

阅读量5.6k

点赞数 2

分类专栏： js和jquery 文章标签： js实现页面刷新图片随机变化

本文链接：https://blog.csdn.net/wenxiukeke/article/details/91491943

版权

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元/天解锁文章

道济和尚

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
2
评论
js实现刷新页面图片随机变化

刷新页面图片随机变化刷新页面，页面其他地方保持不变，图片变化，思路就是取图片路径，将图片路径用字符串数组保存，随机数取其下标，这样图片就能随机变化了，然后就要将获得的图片路径在页面上随机展示，这里我是这么做的，直接贴代码：//这是js代码function randomWord (randomFlag, min, max) { let str1 = "", range ...
复制链接

扫一扫