在制作網(wǎng)站的時候，通常我們要在網(wǎng)頁上加上很多的動畫效果，無論這些頁面的動畫效果是通過css控制還是通過js控制的，在需要在制作網(wǎng)頁的時候都規(guī)定一個動畫執(zhí)行的時間。
在網(wǎng)頁中，一定的動畫效果就能使用戶覺得這個這個網(wǎng)站是活的一樣，但是在網(wǎng)頁動畫效果中需要嚴格的控制動畫執(zhí)行的時間，以及兩個動畫執(zhí)行的間隔。合適的動畫時間會使客戶感覺到愉悅，過渡的動畫執(zhí)行時間會使客戶感覺到繁瑣。就好比我們在走路的時候，每一步的時間都是一定的，雖然根據(jù)每個人的不同但是，每兩步之間需要用的時間都是在一個范圍之內的。如果你走一步路需要0.5秒的時間，現(xiàn)在讓你走一步路用完1秒的時間，你可能覺得沒有什么，只是你的步子慢下來了而已，那如果讓你走一步路花費一分鐘的時間呢是不是很怪異？相當于給你正常走一步路放慢了120倍，你自己覺得別扭，看的人也覺得別扭，還看的比較急躁，最后索性不看了。其實網(wǎng)頁中的動畫也是一個道理，控制動畫執(zhí)行的時間就是要讓一個動畫合理的展示在用戶的眼前，太慢了的話會讓人覺得這個動畫是一卡一卡的，不懂的人還以為是網(wǎng)頁加載慢的緣故，其實不然，只是你動畫執(zhí)行的時間太長了。因為你所規(guī)定的動畫執(zhí)行總時間瀏覽器是按照動畫執(zhí)行一個像素一個像素分配下去的，而一般的電腦顯示器的刷新率是13毫秒。執(zhí)行時間過長的話就會出現(xiàn)讓人覺得卡頓的情況。
有的人說動畫執(zhí)行的時間長了不行，那我動畫執(zhí)行時間短點或者不要過度動畫了可以吧？動畫時間執(zhí)行過短和不要執(zhí)行動畫一種給人很快速的感覺，一種是很突然的感覺。動畫執(zhí)行時間過短的話會讓用戶感覺到看不清楚。達不到動畫所能給予客戶體驗度的最大效果。而取消過度動畫直接一步到位的話，又給用戶一種很突然的感覺。在瀏覽網(wǎng)頁的時候使人感覺很粗糙，現(xiàn)在的人審美度都比較的高，所以這種粗糙的網(wǎng)頁會大大的降低體驗度，而影響到客戶對這個公司的第一印象。
通常情況下，一個動畫的執(zhí)行時間不能超過0.5秒，具體時間根據(jù)具體情況而定。一般情況下我們所使用的下拉菜單是根據(jù)css來控制的，使用css中的過度動畫屬性可以自動產(chǎn)生下拉菜單的過度動畫，通常都是勻速的動畫。然而你也可以通過css3新增的屬性來根據(jù)自己的需要創(chuàng)建一個動畫，動畫怎樣執(zhí)行和執(zhí)行時間的長短都是可以由您自己控制的。在js中，要規(guī)定一個動畫的執(zhí)行一般都會使用到計時器，也就是說js的動畫其實也就是計時回調的過程。因為一般情況下電腦屏幕的刷新時間是13ms所以一般情況下時間參數(shù)我寫的也是13ms，雖然現(xiàn)在有一些專業(yè)的電腦屏幕刷新時間會壓縮的更短，但是我覺得如果再比13ms短的話人的眼睛也是看不過來的還會影響計算機的性能。js中想要控制動畫是怎么執(zhí)行的，那么就得自己寫函數(shù)來執(zhí)行動畫在某一時間的執(zhí)行情況了，如果不會寫的話可以嘗試使用jq中已經(jīng)封裝好的動畫，只需要在后面寫入動畫執(zhí)行的名稱就可以了。
以上就是頁面上的動畫的執(zhí)行時間的推薦了。