Hôm nay Sĩ Ben IT Blog sẽ #Share cho các bạn đoạn code hiện thị thời gian Load trang cho Blogspot nha. Nhằm để làm đẹp thêm cho Blog thôi, chứ củng chẳng giúp ích gì. Ai thích màu mè thì thêm vào Blogspot của mình nhé.
Demo blog của mình, xem ở bên phải góc cuối màn hình nha.
Chúc các bạn thành công nhé. Nhớ ủng hộ Blog mình thường xuyên để có động lực đăng bài nha.
Thì đoạn code này rất dễ sử dụng. Chỉ cần dán vào chỗ mình muốn hiện thị nó ra thôi.
<style>#texttime{border-radius: 2px;background: #4256a0;font-weight: bold; text-align: center;text-transform:uppercase;padding:2px;color:#fff;font-size:12px}#endTime{color:#FFF700}</style>
<script type='text/javascript'>
//<![CDATA[
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
}
window.onload=function(){
clearTimeout(loopTime)
}
document.write('<div id="texttime"><i class="fa fa-clock-o" aria-hidden="true"></i> Thời Gian Tải Trang: <span id="endTime">0.0</span> giây</div>');
var loopTime=setInterval("currentTime()",100);
//]]>
</script>
Demo blog của mình, xem ở bên phải góc cuối màn hình nha.
Chúc các bạn thành công nhé. Nhớ ủng hộ Blog mình thường xuyên để có động lực đăng bài nha.
Đăng nhận xét
Chào mừng bạn đã đến với blog nhật ký!