func2
funciona y desaparece después de 2 segundos, pero el primero func1
no funciona, no se muestra el botón que tengo escondido. Me funcionaba antes de que añadiera el otro javascript func2
, pero ya no.
Éste es mi código:
window.onload = function() {
setTimeout(func1, 2000);
};
function func1() {
document.getElementById("hiddenbutton").className = "show";
}
window.onload = function() {
setTimeout(func2, 2000);
};
function func2() {
document.getElementById("div2").className = "hide";
}
.hide{
display:none;
}
.show{
display:block;
}
<div id="hiddenbutton" class="hide">
<p>If the URL is correct, you can avoid waiting and touch the following button.</p>
<form action="'.$longlink.'" method="post">
<input type="submit" id="button-'.$shortenedlink.'" disabled="disabled" value="Redirect">
</form>
</div>
<br>
<div id="div2" class="show">
<p>The button will appear after 2 seconds of loading the page.</p>
</div>
<div id="hiddenbutton" class="hide"><p>If the URL is correct, you can avoid waiting and touch the following button.</p><form action="'.$longlink.'" method="post"><input type="submit" id="button-'.$shortenedlink.'" disabled="disabled" value="Redirect"></form></div><br><div id="div2" class="show"><p>The button will appear after 10 seconds of loading the page.</p></div>