Full version: jsB@nk » Text » Fade-Glow » Color Flasher effect
URL: https://www.javascriptbank.com/color-flasher-effect.html
This JavaScript just flashes a phrase with each letter a randomly chosen color.
Full version: jsB@nk » Text » Fade-Glow » Color Flasher effect
URL: https://www.javascriptbank.com/color-flasher-effect.html
<script language=javascript>/////////////////////////////////////////////////////////////////////// //// Created by Nick Trevino //// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //// Put whatever you want to flash different colors here. //// Bigger phrases go slower. //// ///////////////////////////////////////////////////////////////////////thePhrase="WOW, THE COLOR!";/////////////////////////////////////////////////////////////////////// //// Put how big you want it to be. (0-5) //// ///////////////////////////////////////////////////////////////////////size=5;/////////////////////////////////////////////////////////////////////// //// Put how fast you want it to be. (1 fast - 20 slow) //// ///////////////////////////////////////////////////////////////////////speed=1;colors=new Array("red","blue","lime","yellow","purple","brown","black","orange","skyblue","darkorange")function setDiv(what){ phraseDiv=what getInit();}function getInit(){ phraseCharsOrig=new Array(); for(i=0;i<thePhrase.length;i++){ phraseCharsOrig[i]=thePhrase.charAt(i) } phraseCharsMod=new Array(phraseCharsOrig.length); for(i=0;i<thePhrase.length;i++){ phraseCharsMod[i]="" } window.setTimeout("MOD();",100);}function MOD(){ phraseDiv.innerHTML=""; if(size>5||size<0){size=5} for(i=0;i<phraseCharsMod.length;i++){ phraseChar=phraseCharsOrig[i]; color=colors[Math.floor(Math.random()*colors.length)] phraseCharsMod[i]="<font color="+color+" size=+"+size+">"+phraseChar+"</font>"; phraseDiv.innerHTML+=phraseCharsMod[i]; } window.setTimeout("MOD();",speed*10);}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onLoad="setDiv(phrase)"><div id=phrase></div></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->