外貿建站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項目上的一段代碼，僅供大家學習參考

外貿建站JS控制隨機顯示內容代碼分享