is there any way i can make an animation with text using JS without getting to long of a script(more than 50 lines)?<br><br>what i want to do is have a "W" appear and then two seconds later an "E" then two second later an "L" and so on to spell "WELCOME"?<br><br>any suggestions would be greatly appreciated, thanx in advance, peter <p>Peter Heaton<br><a href=mailto:heaton@characterlink.net>heaton@characterlink.net</a><br><a href= it how ever you want</a><br>
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
timed text 1
- Thread starter peitzza
- Start date
-
1
- #2
Dear Peter,<br><br>Is this a class assignment? If so I don't want to show the code.<br><br>In the IE browser it shouldn't take any where near 50 lines. Store the string and a position variable in script global variables and set the elements.innerText property to the current substring of the global string and encrement the position. Then if there are more positions left reset the timeout.<br><br>Good luck in Netscape without using an <input type=text> element to display the text.<br><br>If this is not a class assignment let me know and I can provide sample code.<br><br>-pete<br>
- Thread starter
- #3
no it's not a class assignment...<br><br>i would really appreciate seeing the script as i'm new to javascript.<br><br>no big rush though... <p>Peter Heaton<br><a href=mailto:heaton@characterlink.net>heaton@characterlink.net</a><br><a href= it how ever you want</a><br>
Here ya go:<br><br><script language=javascript><br><!--<br>var g_msg = new String("W E L C O M E"
;<br>var g_pos = 1;<br><br>function displayNextMsg(){<br> document.all("msgDisplay".innerText = <br> g_msg.substring(0, g_pos++);<br> if ( g_pos <= g_msg.length)<br> setTimer();<br>}<br><br>function setTimer(){<br> window.setTimeout("displayNextMsg()", 500);<br>}<br>//--><br></script><br></HEAD><br><BODY onload="setTimer()"><br><div id="msgDisplay"> </div><br><br><br>Have fun<br>-pete
;<br>var g_pos = 1;<br><br>function displayNextMsg(){<br> document.all("msgDisplay".innerText = <br> g_msg.substring(0, g_pos++);<br> if ( g_pos <= g_msg.length)<br> setTimer();<br>}<br><br>function setTimer(){<br> window.setTimeout("displayNextMsg()", 500);<br>}<br>//--><br></script><br></HEAD><br><BODY onload="setTimer()"><br><div id="msgDisplay"> </div><br><br><br>Have fun<br>-pete- Thread starter
- #5
thanx worked good <p>Peter Heaton<br><a href=mailto:heaton@characterlink.net>heaton@characterlink.net</a><br><a href= it how ever you want</a><br>
- Thread starter
- #6
is there any way to change the font? <p>Peter Heaton<br><a href=mailto:heaton@characterlink.net>heaton@characterlink.net</a><br><a href= it how ever you want</a><br>
<br><div id="msgDisplay" style="font-face: Arial;"> </div><br><br>or<br><br><style type="text/css"><br><!--<br>.mymsg{<br> font-family: Arial;<br> font-size: 18px;<br> color: #00ff99;<br>}<br>--><br></style><br><br><div id="msgDisplay" class="mymsg"> </div><br><br>-pete
- Status
Similar threads
- Locked
- Question
- Locked
- Question