Friendstertutorials.com

Typewriter Effect For Your Shoutout

Contributed by vhin on July 28th, 2008 Categories: Javascript Codes

(No Ratings Yet)

Loading ...

Simply paste the codes below at the bottom of your external js codes or use our Compiling Tutoriall.

/* TYPEWRITER EFFECT FOR SHOUTOUT */

x1=0;c1=0;cache=new Array()

setTimeout('clearIt()',4000)

function clearIt(){
    
        tSpan3 = document.getElementById('cpShoutoutBox')

          cSpan3 = tSpan3.getElementsByTagName('Span')


    for(p=0;p<cSpan3.length;p++){

        cache[p]=cSpan3[p].innerHTML
        cSpan3[p].innerHTML=''
    }

    toSpan3()
}

function toSpan3(){
    if(x1<cSpan3.length){
        typeIn = cache[x1]
        tp=setInterval('typeIt()', 40)
    }else{
        p=0;x1=0;c=0;setTimeout('clearIt()', 500)
    }
}

function typeIt(){
    if(cSpan3[x1]!=null && c1<=typeIn.length){
        cSpan3[x1].innerHTML = typeIn.substring(0,c1++)
    }else{
        clearInterval(tp);x1++; c1=0;toSpan3()
    }
}

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks

Email This to a Friend

Copy HTML:

If you like this then please subscribe to the RSS Feed or Email Feed.

Credits to Friendstertalk.com for the CSS and JS codes.

21 Responses to “Typewriter Effect For Your Shoutout”

cristelle

July 30th, 2008 at 9:53 pm

..ahhmm..
gustoh koh puh matuto ng mga..
html codes
neil

July 31st, 2008 at 8:23 pm

pang js lang ba xa???ndi sa crossover???
nika

August 3rd, 2008 at 12:37 pm

js? san puh mkkta un
reika

August 8th, 2008 at 6:41 pm

you have to make a js file…. and paste the codes there.. ive tried it.. and it works..

thanks to the coder.. thumbs up for ya..

im currently using it in my proffy..
cHing

August 10th, 2008 at 4:14 pm

hhMMmmm is the alLigMent of the coDes is in anY ordEr.. eXamPle the WelCome aLert it doeS not woRk.. mayBe the oRder.?? How??
genzie

August 14th, 2008 at 9:49 pm

pnu po ba mg generate ng shoutout?? gagawa den vah aq ng js??
potpot

August 24th, 2008 at 8:31 pm

anuo pu ba ung JS?
mimi

August 25th, 2008 at 1:53 pm

panu ung may welcome sa control panel and YM stat??and CBOX..??plx repx or comment here http://www.friendster.com/beedee99..tnx
mimi

August 25th, 2008 at 1:54 pm

http://www.friendster.com/beedee99

yun..
wlang..tnx
betina

August 29th, 2008 at 7:08 pm

typewriting text

wahihi…

yan po yata yung html nyan (ewan q0h p0h kung gumana ung HTML d2 po… san apo hindi. wahihi+_
betina

August 29th, 2008 at 7:08 pm

wah di gumana wahaha churi poo…
CaDeAtH

September 3rd, 2008 at 5:58 pm

hndi po ito HTML tags
JS Codes po ito…
nix

September 9th, 2008 at 1:44 pm

watz d diffrnce btween js nd html..nd wer cn i find dat???
jonaima

September 11th, 2008 at 9:00 pm

naku d nio 2 alm guyz wag na kau maghanap ng codes kung d niu rin maiintindihan!!
joannasuplada

September 18th, 2008 at 4:10 pm

,,hi plz 2ruan nyo naman ako kung panu gumawa ng code..pate paggawa ng design dun sa letter..plz..
vane

October 10th, 2008 at 12:00 pm

pano gumawa ng js file
yaffa

October 26th, 2008 at 6:38 pm

san lalagay?
LeE_anN

November 2nd, 2008 at 2:42 pm

..sAn pOe mk2ta unG jS ..? pLixsZ wepSz ..einkxEw pU ..
~`ƒLö®¡Ë∟ `×Ü

November 6th, 2008 at 6:31 pm

~`eLÜhW p0e..

~`pEde aSk nG qÜzti0N?!

~`wHere wiL Ü fiNd tH3..

[EXTERNAL JS] c0dEz?!
jamjam

November 20th, 2008 at 11:33 am

aaww…it didn’t work for my part.
anne marie

November 20th, 2008 at 6:52 pm

paanu poh ba ung js codes? panu quh toh maci2mulan?
nde quh pOh magawa,eh