• 原森林之家(foresthouse.cn)改为走私范(zousifan.com),只是改个名内容不变。
  • 网站图片自建立开始到19年全部丢失,血的教训时刻备份,多点备份!

js生成随机数(指定范围)的代码让网页再单调

心得笔记 7年前 (2017-07-04) 1942次浏览 0个评论 扫描二维码
本文最后更新于2022年7月10日,已超过 1 年没有更新,如果文章内容失效,请 反馈 给我们,谢谢!


要实现效果是当用户刷新网页时触发JS,然后JS随机输出一段内容(可以是文字、图片、广告代码等),这里以三张图片来演示下代码的样子。

好了代码如下:

//html中JS自动生成随机内容
r = 3;//随机数的范围(这里以3个为示例,如是是四个五个或者十个等,当然下面的代码也要一一补充)
var seed = Math.random();
rnd = Math.ceil(seed * r); //这4行产生随机数

switch (rnd) {
case 1:
document.writeln("<img src='https://www.xxx.com/11.jpg'/>");
break;
case 2:
document.writeln("<img src='https://www.xxx.com/21.jpg'/>");
break;
case 3:
document.writeln("<img src='https://www.xxx.com/3.jpg'/>");
default:
break;
}
按照上面的代码可以在网中加入随机图片,或者文字每刷新一下网页就会自动在预先设置好的代码范围内随机输出一个,是不是特别酷炫,当然也可以换成其它代码达到以不变应万变!

版权所有丨如未注明 , 均为原创丨本网站采用 BY-NC-SA 协议进行授权 , 转载请注明 出处!
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
    仅用来给您发送回复提醒。不会公开!
  • 网址