千域资源网,QQ技术教程网,技术资源网,QQ黑客技术, QQ资源网,黑客资源网,QQ技术网,免费资源分享平台,让我们的技术更上一层楼!
大家都在搜   老司机 黑客教程 外挂 福利活动
全网最低价货源最全价格最低 宅男国产萝莉福利资源0.8 🔥宅男福利 萝莉套图写真🔥 绝地求生泰服辅助 财宝棋牌 注册送679元
全网最低价货源最全价格最低 宅男国产萝莉福利资源0.8 🔥宅男福利 萝莉套图写真🔥 绝地求生泰服辅助 财宝棋牌 注册送679元
全网最低价货源最全价格最低 宅男国产萝莉福利资源0.8 🔥宅男福利 萝莉套图写真🔥 绝地求生泰服辅助 财宝棋牌 注册送679元
全网最低价货源最全价格最低 宅男国产萝莉福利资源0.8 🔥宅男福利 萝莉套图写真🔥 pubglite辅助 财宝棋牌 注册送679元
全网最低价货源最全价格最低 宅男国产萝莉福利资源0.8 🔥宅男福利 萝莉套图写真🔥 pubglite辅助 财宝棋牌 注册送679元

javascript实现background 定时循环随机背景图

浏览次数:4334发布时间:2019-5-2 12:33文章分类: 网站源码

在做一个东西的时候,想弄一个随机背景图!
发现刷新变动的图不好玩,于是用setInterval,定时器来设置一个
案例1 - 采用API接口

PHP

setInterval('Getbg();', 1000);
function Getbg(){
  var randomBgIndex = Math.round( Math.random() * 166 );
  //输出随机的背景图
  document.body.style.background="#9E9E9E url(https://tenapi.cn/img/acg.php?"+randomBgIndex+") no-repeat ";
}

第一行的1000是切换时间,这里是毫秒单位
案例2-采用固定图片

PHP

var bodyBgs = [];
bodyBgs[0] = "https://sina.5ime.cn/large/87c01ec7gy1fshdwv00e9j211y0lcjs7.jpg";
bodyBgs[1] = "https://sina.5ime.cn/large/87c01ec7gy1fshdwv56rfj21hc0u0n05.jpg";
bodyBgs[2] = "https://sina.5ime.cn/large/87c01ec7gy1fshdwv5u70j21hc0u0n04.jpg";
bodyBgs[3] = "https://sina.5ime.cn/large/87c01ec7gy1fshdwv8wc2j21hc0u0q5d.jpg";
bodyBgs[4] = "https://sina.5ime.cn/large/87c01ec7gy1fshdwva5i5j21hc0u0q66.jpg";
bodyBgs[5] = "https://sina.5ime.cn/large/87c01ec7gy1fshdwvjc6rj21hc0u0tnw.jpg";
bodyBgs[6] = "https://sina.5ime.cn/large/87c01ec7gy1fshdwvw3hsj21hc0u044j.jpg";
bodyBgs[7] = "https://sina.5ime.cn/large/87c01ec7gy1fshdww034zj21hc0u0jvv.jpg";
bodyBgs[8] = "https://sina.5ime.cn/large/87c01ec7gy1fshdww0q12j21hc0u0tbu.jpg";
bodyBgs[9] = "https://sina.5ime.cn/large/87c01ec7gy1fshdww62pdj21hc0u07b7.jpg";
bodyBgs[10] = "https://sina.5ime.cn/large/87c01ec7gy1fshdww8nc0j21hc0u0wjv.jpg";
setInterval('Getbg();', 1000);
function Getbg(){
  var randomBgIndex = Math.round( Math.random() * 10 );
  //输出随机的背景图
  document.body.style.background="#9E9E9E url("+ bodyBgs[randomBgIndex] +") no-repeat ";
}


这里用的固定地址,用的新浪图床,喜欢的话可以自己扩充图片,我这里简短的展示了10个图片!
而且这样结局了https的问题!
千域资源网 - 本站版权及下载说明

1、本站资源来自互联网收集,仅供用于学习和交流,请于下载后24小时内删除。

2、同类型的网站与软件站 在转载本站原创软件时请注明软件来源:千域资源网

3、本站提供的所有工具,不保证绝对安全无毒,点击下载:影子系统

4、本文链接:https://www.7000s.cn/wzym/4942.html 百度收录:[已收录]

二维码

千域资源网为您提供最新免费游戏辅助!