按比例展示的小js-20131217

原创于 2013-12-18 00:41:20 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

学习同时被 2 个专栏收录

219 篇文章

订阅专栏

前端技术

188 篇文章

订阅专栏

本文介绍如何利用JavaScript的Math.random()函数实现页面展示的随机性，以达到70%与30%的流量分配效果。通过简单的代码示例展示了如何根据不同概率显示不同的页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做需求的做到一个关于这个功能的项目所以记下来

Math.random()是令系统随机选取0-1之间的14位的随机数
10就等于是100%的几率，现在的一个展示的是70%一个展示的是30%的几率，一般用于一个页面下有多条数据要展示的情况做的流量分流的效果。


<style>
#z{ display:none;}
#s{ display:none;}
</style>

<div id="z">
房子的页面
</div>
<div id="s">
车子的页面
</div>

<script>
    sj=Math.floor(Math.random()*10+1);
	if(sj<4){
		document.getElementById("z").style.display="block";
		}else{
			document.getElementById("s").style.display="block";
    }
</script>