JavaScript每次刷新照片都不一样

每次刷新背景图片都不一样

 

 

 

 

下面是vue的，不过逻辑都一样，只是定义方式不同而已

 

data是这个

// 随机数生成
            randomNumber:'',

 

这个是在method方法里定义的，其实就是方法。

 // 随机照片,每次刷新都是不一样的照片
        randomNumberImg(){
            this.randomNumber=Math.floor(Math.random()*(5-1+1))+1;
            // console.log(this.randomNumber,'现在的随机')
            // console.log(localStorage.getItem('randomNumberLoginBg'),'上一次的缓存')
            if(localStorage.getItem('randomNumberLoginBg')==null){
                localStorage.setItem('randomNumberLoginBg','1');
            }else if(this.randomNumber==localStorage.getItem('randomNumberLoginBg')&&this.randomNumber==5){
               this.randomNumber-=1;
                // console.log(this.randomNumber,'--')
            }
            else if(this.randomNumber==localStorage.getItem('randomNumberLoginBg')&&this.randomNumber==1){
                this.randomNumber+=1;
                console.log(this.randomNumber,'++')
            }else if(this.randomNumber==localStorage.getItem('randomNumberLoginBg')&&this.randomNumber>1&&this.randomNumber<5){
                this.randomNumber+=1;
                // console.log(this.randomNumber,'2-4++')
            }
            localStorage.setItem('randomNumberLoginBg',this.randomNumber);
            // console.log(this.randomNumber,'随机')
        },