本文最后更新于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; }
按照上面的代码可以在网中加入随机图片,或者文字每刷新一下网页就会自动在预先设置好的代码范围内随机输出一个,是不是特别酷炫,当然也可以换成其它代码达到以不变应万变!