[code] Đếm thời gian tải trang web/ forum
by Phoenix Hoang - Mỗi khi tải - loading web hoặc forum thay vì bạn thấy "đang tải trang/ đang tải xin đợi 1 chút...", tại sao không để:
"Đang tải trang + thời gian tải"? nhưng vậy vừa lịch sự, vừa theo dõi được Thời gian tải web mình có nặng không?
- Thật ra đây là 1 đoạn code đơn giản.
- Các bạn copy đoạn code sau và chèn vào header (tốt nhất là để cuối cùng)
+ Demo:ngay tại diễn đàn này !
| <!-- loading --> <script type="text/javascript"> var startTime=new Date(); function currentTime() { var a=Math.floor((new Date()-startTime)/100)/10; if (a%1==0) a+=".0"; document.getElementById("endTime").innerHTML=a; } var loopTime=setInterval("currentTime()",100); window.onload=function() { clearTimeout(loopTime); }</script><script type="text/javascript"> window.onload=function() { setTimeout(function(){$('#waiting').fadeOut('fast' )},100) }</script><div id="waiting" style="position:fixed; width:100%; top:230px; left:0; z-index:9999;"> <div style="width:230px; height:65px; margin:0 auto; background:#000 url(http://images.wikia.com/tibia/en/ima...ap_Loading.gif) no-repeat 50% 8px; opacity:0.7; filter:alpha(opacity=70); border-radius:4px; color:#fff; text-align:center; overflow:hidden;"> <p style="margin-top:45px; font:12px Tahoma; font-weight:bold"> Thời gian tải: <font color='white'><b><script type="text/javascript">document.write('<span id="endTime"></span>');</script> Giây</b></font> </p> </div></div> <!-- loading --> |
- Các bạn có thể tùy biến đoạn code sau theo ý của mình như:
+ Vị trí hiện Thời gian tải.
+ Màu nền
+ Màu chữ, font chữ, thêm nội dung...
* Nguồn: sưu tầm.