按比例展示不同内容的JS代码

原创

修改于 2020-04-21 14:21:24

2.5K0

修改于 2020-04-21 14:21:24

文章被收录于专栏：R专栏R专栏

Math.random()是令系统随机选取0-1之间的14位的随机数

10就等于是100%的几率，现在的一个展示的是70%一个展示的是30%的几率，一般用于一个页面下有多条数据要展示的情况做的流量分流的效果。

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

<div id="z">  
页面1
</div>  
<div id="s">  
页面2
</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>

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

math