65.9K
CodeProject is changing. Read more.
Home

JavaScript Title Changer

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.33/5 (5 votes)

Nov 5, 2013

CPOL
viewsIcon

7270

JavaScript code to change your title instantly, i.e., dynamic title

This code changes your title in 4 seconds:

<title></title> 

and put this JavaScript code anywhere between <script> tags:

/* Begin */
var message = new Array();

message[0] = "Welcome to our site";
message[1] = "Here you'll find exactly what you need";
message[2] = "We know how to solve your problems..";

var reps = 1;
var speed = 200;// Set the overall typing speed (larger number = slower action).
var hold = 4 	// set the length of time to display the whole phrase 
		// before retyping (larger number = longer)

// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var q = 0;
var r = 0;
var C = 0;
var mC = 0;
var s = 0;
var sT = null;

if (reps < 1) {
reps = 1;
}
function setMessage() {
typing = message[mC];
q = typing.length;
r = q + hold;
typeMessage();
}
function typeMessage() {
if (s > r) {
s = 0;
}
if (s > q) {
document.title = ''+ typing +' - - -';
}
else {
document.title = ''+ typing.substr(0,s)+' - - -';
}
if (C < (r * reps)) {
sT = setTimeout("typeMessage()", speed);
C++;
s++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) {mC = 0;}
sT = null;
setMessage();
}
}
setMessage();

/* end*/