请在Chrome、Firefox等现代浏览器浏览本站。网站域名:森林之家(www.foresthouse.cn)爱学习、爱分享、爱绿软、爱恐怖、爱音乐、爱唠叨、爱折腾、爱生活!

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

心得笔记 forest 1045℃ 已收录 0评论

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

要实现效果是当用户刷新网页时触发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='http://www.foresthouse.cn/wp-content/uploads/2017/06/11.jpg'/>");
break;
case 2:
document.writeln("<img src='http://www.foresthouse.cn/wp-content/uploads/2017/06/21.jpg'/>");
break;
case 3:
document.writeln("<img src='http://www.foresthouse.cn/wp-content/uploads/2017/06/3.jpg'/>");
default:
break;
}
按照上面的代码可以在网中加入随机图片,或者文字每刷新一下网页就会自动在预先设置好的代码范围内随机输出一个,是不是特别酷炫,当然也可以换成其它代码达到以不变应万变!

附上演示页面

本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:http://www.foresthouse.cn/archives/5554.html
喜欢 (0)or分享 (0)
发表我的评论(注:在您评论完以后不会立即显示,请不要重复刷新以免进入黑名单。)
取消评论
表情 代码 贴图 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址