hi i am trying to change some divs with the time however i seem to have gone wrong at some point and cant seem to figure out where. Please excuse the writting in them i am going to change it thanks.
<script type="text/javascript">
/*<![CDATA[*//*---->*/
var one, two, three, four,five, six, seven, eight, nine, ten, eleven, twelve, thirteen;
function initiate()
{
one = setTimeout("first()",500);
}
function first()
{
clearTimeout(one);
document.getElementById("one").style.visibility="hidden";
document.getElementById("two").style.visibility="visible";
two = setTimeout("second()",500);
}
function second()
{
clearTimeout(two);
document.getElementById("two").style.visibility="hidden";
document.getElementById("three").style.visibility="visible";
three = setTimeout("third()",500);
}
function third()
{
clearTimeout(three);
document.getElementById("three").style.visibility="hidden";
document.getElementById("four").style.visibility="visible";
four = setTimeout("fourth()",500);
}
function fourth()
{
clearTimeout(four);
document.getElementById("four").style.visibility="hidden";
document.getElementById("five").style.visibility="visible";
five = setTimeout("fifth()",500);
}
function fifth()
{
clearTimeout(five);
document.getElementById("five").style.visibility="hidden";
document.getElementById("six").style.visibility="visible";
six = setTimeout("sixth()",500);
}
function sixth()
{
clearTimeout(six);
document.getElementById("six").style.visibility="hidden";
document.getElementById("seven").style.visibility="visible";
seven = setTimeout("seventh()",500);
}
function seventh()
{
clearTimeout(seven);
document.getElementById("seven").style.visibility="hidden";
document.getElementById("eight").style.visibility="visible";
eight = setTimeout("eighth()",500);
}
function eighth()
{
clearTimeout(eight);
document.getElementById("eight").style.visibility="hidden";
document.getElementById("nine").style.visibility="visible";
nine = setTimeout("ninth()",500);
}
function ninth()
{
clearTimeout(nine);
document.getElementById("nine").style.visibility="hidden";
document.getElementById("ten").style.visibility="visible";
ten= setTimeout("tenth()",500);
}
function tenth()
{
clearTimeout(ten);
document.getElementById("ten").style.visibility="hidden";
document.getElementById("eleven").style.visibility="visible";
eleven= setTimeout("eleventh()",500);
}
function eleventh()
{
clearTimeout(eleven);
document.getElementById("eleven").style.visibility="hidden";
document.getElementById("twelve").style.visibility="visible";
twelve = setTimeout("twelth()",500);
}
function twelth(){
clearTimeout(twelve);
document.getElementById("twelve").style.visibility="hidden";
document.getElementById("thirteen").style.visibility="visible";
}
/*--*//*]]>*/
</script>
<style type="text/css">
body{
background-color:black;
}
div.intro{
font-size:100px;
color:white;
font-family:areal,helvetica,sans-serif;
font-weight:bold;
width:50%;
position:absolute;
left:25%;
top:30%;
}
div#one{
visibility:visible;
}
div#two{
visibility:hidden;
}
div#three{
visibility:hidden;
div#four{
visibility:hidden;
}
div#five{
visibility:hidden;
}
div#six{
visibility:hidden;
}
div#seven{
visibility:hidden;
}
div#eight{
visibility:hidden;
}
div#nine{
visibility:hidden;
}
div#ten{
visibility:hidden;
}
div#eleven{
visibility:hidden;
}
div#twelve{
visibility:hidden;
}
div#thirteen{
visibility:hidden;
}
</style>
</head>
<body onload="initiate();">
<div class="intro" id="one"> Touch It</div>
<div class="intro" id="two"> Bring It </div>
<div class="intro" id="three"> Baby! </div>
<div class="intro" id="four"> You </div>
<div class="intro" id="five"> Know </div>
<div class="intro" id="six"> My Scripts </div>
<div class="intro" id="seven"> Amazing !!</div>
<div class="intro" id="eight"> Drop It </div>
<div class="intro" id="nine"> Make You </div>
<div class="intro" id="ten"> Crazy!!! </div>
<div class="intro" id="eleven"> Gazey</div>
<div class="intro" id="twelve"> BABY</div>
<div class="intro" id="thirteen"> CRAZY</div>