js多個元素隨機且不重疊分布在頁面中

2022-01-10 20:24:28 字數 667 閱讀 8208

最近,公司要做乙個類似挖礦的專案,大概其是當使用者登入進入首頁後,如果使用者有已經生成的原力值,則在其點選原力值後可以類似螞蟻森林那樣收集原力值,當使用者將所有的原力值收集完畢後開始提醒使用者新的原力值正在生成中,待新的原力值生成後,使用者可以繼續以上的操作收集原力值。如下圖:

以上是一種邏輯,還有一種是當使用者前一天有剩餘的原力值沒有收集時,在第二天收集完當天的已生成的原力值後,前一天的原力值還可以出現在頁面當中繼續供使用者收集(具體的情況,看你公司的實際業務需求,比如可以設定三天內的原力值都能收集,也可以設定兩天內的原力值可供收集等)。

圓圈1那個圓其實永遠都在第一行的第乙個位置,其唯一變化的就是它距離頂部的距離,其他的圓圈也是類似,這樣給人的效果就不理想。再後來,也參考過其他的一些寫法,效果都不好。那麼,以下就是本篇部落格所要實現的**,妥妥滴的滿足了開發的需要:

本文**參考自:

js隨機獲取多個n位長度數字,不重複

js隨機獲取多個n位長度數字,不重複 len 表示需要的長度,count表示需要生成的隨機數的個數 位數不夠,後面補0 function getrandomnumber len,count var res newarray for var i 0 i count i else return res ...

生成多個不重複的隨機數字php

這個沒什麼好廢話的 直奔主題來說思路 首先是要用mt rand 函式生成指定個數的隨機數字 然後使用array unique 函式去重 因為去重了 所以得到的數字就不夠指定個數了 所以 核心是要用while迴圈 直到得到指定個數的數字 到這裡基本可以是結束了 對於追求完美的人來說 還可以再用個sor...

生成多個不重複的隨機數字php

這個沒什麼好廢話的 直奔主題來說思路 首先是要用mt rand 函式生成指定個數的隨機數字 然後使用array unique 函式去重 因為去重了 所以得到的數字就不夠指定個數了 所以 核心是要用while迴圈 直到得到指定個數的數字 到這裡基本可以是結束了 對於追求完美的人來說 還可以再用個sor...