É o seguinte estou aperfeiçoando o código de um protetor de link só que não tenho conhecimento algum em js.
Código da Página:
<html>
<head>
<title>Baixando arquivo...</title>
<script language="JavaScript">
var repeat=1
var title=document.title
var leng=title.length
var start=0
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==2)
return
}
setTimeout("titlemove()",100)
}
if (document.title)
titlemove()
</script>
<script language="Javascript" type="text/javascript">
var segundos = 5;
function contador() {
document.getElementById('tempo').innerHTML=segundos;
if(segundos == 0) {
document.getElementById('tempo').style.display="block";
document.getElementById('link').style.display="block";
document.getElementById('msg').style.display="none";
}
if (segundos != 0){
segundos = segundos-1;
setTimeout("contador()", 1000);
}
}
</script>
<script type="text/javascript">
function confirmGo(URL) {
alert("Se você se cadastrou, obrigado e bom download!")
document.location = URL;
}
</script>
<style type="text/css">
<!--
body {
background-image: url(http://i30.tinypic.com/16bcwgl.png);
background-attachment:fixed;
}
.style3 {
font-family: Arial;
font-size: 16px;
}
.style5 {color: #000000}
.style8 {
font-size: 2px;
color: #FFFFFF;
}
#inneriframe {
position:absolute;
top:-130px;
left:-100px;
width:1000px;
height:650px;
}
#outerdiv {
width:955px;
height:730px;
overflow:hidden;
position:relative;
}
#navbar-iframe {
display : none;
visibility : hidden;
height : 0;
}
.magenta { color:#fb1669; font-size:55px; font-family:Impact, Arial, Helvetica, sans-serif;}
.nero { color:#4a4a4c; font-size:35px; font-family:Impact, Arial, Helvetica, sans-serif;}
.grigio { color:#727273; font-size:42px; font-family:Impact, Arial, Helvetica, sans-serif;}
-->
</style>
</head>
<div align="center">
<table width="1000" border="0" cellpadding="1" cellspacing="1" bgcolor="#ffffff">
<tr>
<td width="100%" bgcolor="#000000"><table width="100%" height="174" border="0" align="center" cellpadding="0" cellspacing="1">
<tr bgcolor="#FFFFFF">
<td height="0" valign="top" bgcolor="#000000">
<div align="right"><tbody ><tr>
<td height="19" valign="top" bgcolor="#FFFFFF">
</script>
</center>
<div align="center">
<div align="center"><font size="7"><b><u><span style="color: rgb(255, 0, 0);"><blink></blink><br> </span></u></b></font>
<font size="5"><b>Melhor Conteudo Para Seu Celular</b></font><font size="5" color="black"><span style="color: rgb(255, 0, 0);"><b><font size="6"><blink> CONFIRA ABAIXO:</blink></font> </b> </span></font>
<b></font></b>
</div>
<div align="center">
<div align="center">
<table border="0" width="100%">
<tr>
<td>
<p align="center"><p align="center">
<iframe name="I1" src="" scrolling="no" width="100%" frameborder="0" height="740"></iframe> </td>
</tr>
</table>
</div>
<p><u>
</br>
</div>
<tr>
<td height="17" valign="middle" bgcolor="#FFFFFF"><div align="center">
<spam class="grigio">Obrigado e Bom Download!<br></span>
<center>
</center>
</div></div>
<center><br>Aguarde <span id="tempo"></span> segundos...<br>
<p></div>
<div id="link" style="display:none;">
<a href="<?=$_GET['url']?>"><img src="http://i239.photobucket.com/albums/ff251/espertao/Ricardo/Imagens%20da%20barra%20lateral/download-2.gif" alt="Download" border="0"></a></center>
<script>contador();</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>Código em Funcionamento: Demonstração
Acontece que após zerar o tempo eu queria esconder o aviso "Aguarde x Segundos" e deixar só exbir o botão de "Download".
Por favor se alguém puder ajudar eu agradeço.
Obrigado.
