外贸建站JS控制随机显示内容代码分享

Posted 2021-02-13 aid12580

外贸建站JS控制随机显示内容代码分享

<script>
                $(function(){
                    $(‘li[id^=p_]‘).each(function(){
                        var this_id = $(this).attr("id");
                        var id_arr = this_id.split(‘_‘);
                        if(id_arr[1]>9){
                            $(this).hide();
                        }
                    })
                })
                function  tryLuck(){
                    var num=30;
                    var p_list=new Array();

                    for(var i=0;i<num;i++){
                        p_list[i]=i;
                    }
                    console.log(p_list);
                    p_list=p_list.sort(randomsort);
                    console.log(p_list);
                    for(var i=0;i<num;i++){
                        console.log(p_list[i]);
                        if(i<10){
                            $(‘#p_‘+p_list[i]).show();
                        }else{
                            $(‘#p_‘+p_list[i]).hide();
                        }

                    }
                }

                function randomsort(a, b) {
                    return Math.random()>.5 ? -1 : 1;//用Math.random()函数生成0~1之间的随机数与0.5比较，返回-1或1
                }

            </script>

通过randomsort 函数，随机生成一个类别，然后随机调用类别产品，以上代码是我们用在chinaobd2.com项目上的一段代码，仅供大家学习参考