js图片随机出现

最新推荐文章于 2021-09-26 22:50:53 发布

伏见伊奈里

最新推荐文章于 2021-09-26 22:50:53 发布

阅读量2.3k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_35313994/article/details/55103616

版权

JavaScript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

   var imagesSrc=['/img/loginbg1.png','/img/loginbg3.png','/img/loginbg0.png'];//img数据

  
      var t=Math.random()*10%3; //返回一个0-3的数(随机数)
      t=parseInt(t);//返回整数
      var imgSrc='http://'+document.domain+imagesSrc[t];   //设置img路径      
      $('#ban').css("background-image","url("+imgSrc+")");//写入css背景图
    
}   

 //bgimage();
 setInterval(function(){bgimage();},2000); //设置定时器2分钟间隔执行一次bgimage函数

</script>
var src=$("#ban").css("background-image");//获取背景

function bgimage(){ 
   
   var imagesSrc=['/img/loginbg1.png','/img/loginbg3.png','/img/loginbg0.png'];//存放图片地址的数组
  
      var t=Math.random()*10%3; //生成0-3的随机数（为浮点数）
      t=parseInt(t);//对随机数进行取整（结果为0或1或2）不懂为什么要这样取随机数（是否可以直接用var t=parseInt(Math.random()*3)或者var t=Math.floor(Math.random()*3)，而且3也可以用imageSrc.length代替当图片多的时候免得修改）
      var imgSrc='

http://'+document.domain+imagesSrc[t];   //生成图片绝对地址     
      $('#ban').css("background-image","url("+imgSrc+")");//把imgSrc赋给id="ban"元素的背景图片地址
    
}   

 //bgimage();
 setInterval(function(){bgimage();},2000); //设置定时器2s间隔执行一次bgimage函数
 //这段代码整体意思就是随机轮换图片