/ Published in: JavaScript

Using image to display page loading message count an extra dns request. making moving text message with javascript increases performance of page loader
Expand |
Embed | Plain Text
<html> <title>Simple Page Loader</title> <head> <script> var setCnt=3;//number of extra characters var currentCnt=0;// var ctxt; var settimer; var extraTxt='.'; var originalTxt='Loading'; function loadtext(txt){ if(currentCnt<setCnt){ document.getElementById('msg').innerHTML=txt+extraTxt; ctxt=document.getElementById('msg').innerHTML; currentCnt++; settimer= setTimeout("loadtext(ctxt)",200); } else{ document.getElementById('msg').innerHTML=originalTxt; ctxt=document.getElementById('msg').innerHTML; currentCnt=0; settimer= setTimeout("loadtext(ctxt)",200); } } </script> </head> <body> <span id='msg'> Loading. </span> <script> //call function loadtext(originalTxt); //in live environment uncomment below code and comment setTimeout code //window.onload=document.getElementById('msg').style.display='none'; //to test on fast loading page use a below delay and uncomment below code and comment above code setTimeout("document.getElementById('msg').style.display='none'",5000); window.unload="document.getElementById('msg').style.display='block';loadtext(originalTxt)"; //prevent unwanted processing of javascript after 6 sec setTimeout("clearTimeout(settimer);",6000); </script> </body> </html>
You need to login to post a comment.