How to Scroll Text in the Status Bar with JavaScript
Introduction
In this post, we will know how to scroll the text in the status bar using JavaScript.
Store the files as .html or .htm extension. Run it in IE.
Example-1
<html>
<head>
<title>Javascript ScrollText</title>
<script language="javascript">
msg="This is an example of scrolling message";
spacer="............ .............";
pos=0;
function ScrollMessage()
{
window.status=msg.substring(pos,msg.length)+spacer+msg.substring(0,pos);
pos++;
if(pos>msg.length)
pos=0;
window.setTimeout("ScrollMessage()",100);
}
ScrollMessage();
</script>
</head>
<body>
<p>Scrolling Message Example</p>
<p>Look at the status line at the bottom of the page</p>
</body>
</html>
Example-2
<HTML>
<HEAD>
<title>Moving Text</title>
<script language="javascript">
var current=0;
var x = 0;
var speed = 150;
var speed2 = 150;
function startarray(n)
{
this.length = n;
for(var i =1; i <=n; i++)
{
this[i]="";
}
}
dis_letters= new startarray(1);
dis_letters[0]="Website Created By Satyapriya Nayak";
function display_letters()
{
var m = dis_letters[current];
window.status = m.substring(0,x++) + "";
if (x == m.length + 1)
{
x=0;
current++;
if (current > dis_letters.length-1)
{
current=0;
}
setTimeout("display_letters()",speed2);
}
else
{
setTimeout("display_letters()",speed);
}
}
display_letters();
</script>
</Head>
<body>
<p>Scrolling Message Example</p>
<p>Look at the status line at the bottom of the page</p>
</body>
</Html>
Thank you for reading!
#javascript #html #css
43.15 GEEK