Click here to Skip to main content
15,891,513 members
Articles / Programming Languages / Javascript
Tip/Trick

JavaScript Title Changer

Rate me:
Please Sign up or sign in to vote.
4.33/5 (5 votes)
5 Nov 2013CPOL 7.2K   3  
JavaScript code to change your title instantly, i.e., dynamic title

This code changes your title in 4 seconds:

HTML
<title></title> 

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

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

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Chief Technology Officer Microbold Smart - Systems
Nigeria Nigeria
Passionate about web and applications technology.

Comments and Discussions

 
-- There are no messages in this forum --