Posted By

pavanrulz on 03/07/11

Tagged

page

Versions (?)

Last Edited at 03/07/11 01:10am

Statistics

Viewed 571 times

Favorited by 1 user(s)

Related snippets

Moving Page Loader Text Message

/ 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

Highlighted TextExpand

<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>

//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>

Report this snippet Tweet