Change Text with Interval
Written by 21 August 2012
Use this code if you want to show various messages permanently and in several slides for your users. In this code there is a fixed text. Below this text, another text is displayed as a slide, which changes automatically every 2 seconds.
Code Snippet:
<!-- this script is provided by www.javascriptfreecode.com coded by: Kerixa Inc. -->
<HTML>
<HEAD>
<TITLE>AMAZING TEXT SLIDESHOW</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function ccText (val1, val2, val3, val4) {
this.curText = '';
this.posit = 1;
this.word = val1;
this.length = val1.length;
this.val3 = val3;
this.val2 = val2;
this.val4 = val4;
this.print = ccText2;
}
function ccText2() {
if (this.posit <= this.length) {
this.curText = this.word[this.posit]
outStringWord = ccU + this.val3 + this.curText + ccD;
parent.draw.location = 'javascript:parent.outStringWord';
this.posit++;
}
else {
doneLoop = true;
top.location = this.val4;
}
}
function ccTextSlide() {
if (!doneLoop) reDraw = setTimeout('ccTextSlide()', wordIntro.val2);
wordIntro.print();
}
<!--REPLACE THE CONTENT WITH YOUR OWN MESSAGE-->
var words = new makeArray ('Hello','How Are You Today?','How is The weather','What Do You Like Now','Is This Code Well?');
var wordIntro = new ccText (words, 2000, '<CENTER><FONT SIZE=5 FACE=VERDANA, ARIAL, Comic Sans MS>', 'http://www.javascriptfreecode.com/');
<!--REPLACE THE ABOVE LINK WITH YOUR LINK-->
<!--CHANGB THE VARIABLES BELOW TO MANIPULATE THE SIZE, COLOR, AND FONT STYLE OF YOUR MESSAGE-->
var ccU = '<HTML><BODY BGCOLOR="#000000" TEXT= "#000000"><CENTER><H3><FONT FACE=ARIAL SIZE=6 COLOR=#FFFFFF></FONT></h3></CENTER><BR><BR><CENTER><TABLE WIDTH=100% BGCOLOR=#FFFFFF><TR><TD>';
var ccD = '</TD></TR></table><br><br><br /></HTML>';
var ccB = ccU + ccD;
var doneLoop = false;
</SCRIPT>
<FRAMESET onLoad="ccTextSlide()" ROWS="100%, *" FRAMEBORDER=NO BORDER=0>
<FRAME SCROLLING=AUTO SRC="javascript:parent.ccB" NAME="draw" MARGINWIDTH=3 MARGINHEIGHT=3>
</FRAMESET>
</HEAD>
</HTML>
<a target='_blank' href='www.javascriptfreecode.com' style='font-size: 8pt; text-decoration: none'>JavaScript Best Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
gech, ben.reed@laingbuisson.com, javaboy, Estevan Belo, Shahmeer
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!