在我們開啟某個頁面,比如我的財富時,賬戶當中的金額會進行不斷往上疊加,直到疊加到賬戶中的金額數值,就會停止。
好,接下看看這個案例時怎麼做的
用中繼器和動態面板製作即可。
我們規定金額和累加次數,分別是中繼器資料集中的兩列資料。
動態面板載入時開啟迴圈,通過結合判斷來確定每次動態面板切換狀態時是否進行累加或者停止累加。累加每次增加的數字為總額/累加次數,這樣就比較均勻的累加。
上面是它的基本實現原理。根據這個原理我們一起來做一下。
一、建立中繼器中元素
中繼器中的元素是矩形-用以顯示數值;動態面板-兩個狀態,用來切換面板狀態。
二、建立中繼器中資料
前面說了,只需兩列。金額和疊加次數。但這裡注意,把中繼器的每項載入時的互動刪除,在這裡時沒有用的。
三、設定動態面板進行自動迴圈切換狀態
這裡迴圈間隔的時間設定得稍微快些。這個時間時每兩次數值疊加的時間差,如果需要慢些,把這個時間設定得大些即可,按需設定。
四、設定動態面板的切換面板狀態時事件。這是重頭戲。
先進行判斷,一是金額進行疊加,這個條件是,當顯示金額的矩形中的文字小於資料集中我們設定的金額時,會進行疊加。金額就是疊加結束後的金額加上每一次疊加的數值即可。
因為我的案例裡邊金額保留了兩位數,所以為了保持兩位數,這裡使用了乙個tofixed函式限制了小數點後的位數。同樣這也是按需設定,如果你是整數的話,直接取整即可。
接下來的一種情況是,金額停止疊加。當展示的數值與總數值的差值小於單次疊加的數值時,說明已經不足以再進行疊加了,所以金額就不再往上疊加。
這裡的條件大家還可以想一下,有沒有其他的條件設定方法,留著給大家思考哈哈哈哈。動作就很簡單了,讓金額等於資料集中資料就行了。
最後,別忘記了,將動態面板的自動迴圈停止了。
如何讓元素頁面居中
這分為兩種情況 1 有寬高的情況下,實現水平和垂直居中 方法一 使用定位 position absolute left和top值為50 然後margin的left和top減去寬高的一半。效果圖 方法二 使用定位position absolute 四個方向值都是0,然後margin auto 有寬高的...
如何讓div頁面居中 讓div在頁面居中的方法
在頁面 最上面加上 再把div的style加上 margin 0 auto dflzzp dflzzp 如果無法運用.來設定層居中.出現這樣問題可能是沒有加hmlt的 2,嚴格型 3,框架型 如果對css 2.0標準不太熟悉不要使用嚴格型的dtd.我們現在使用過渡期的就行了 在網頁最頂剖加上 萬物都...
如何判斷HTML頁面載入完成
dom構建完成,不包含 樣式和其它框架,也就是我們常說的domcontentloaded事件。頁面依賴的所有資源記載完成,也就是我們常說的window.onload事件。監聽document的onreadystatechange,判斷readystatedocument.onreadystatech...