Téma: Időzített html tartalom megjelenítés

Sziasztok!
Szeretnék készíteni egy oldalt, ahol az oldal betöltésétől számítva 10 mp-re jelenne meg egy gomb, amire ha rákattintunk, akkor egy addig „rejtett” tartalmat jelenítene meg, elnavigálás nélkül.
Az a baj, hogy a js eddig eléggé messze állt tőlem és nem igazán találom rá a megoldást.
Kérlek segítsetek!

Edit fiddle - JSFiddle


Idozites meg sztem mar konnyebb... Nem?

Csinalsz egy index-et
ezzel:
Timed JavaScript Redirect

Beallitod, hogy 10 masodperc mulva atugorjon egy masik oldalra, ahol az elobb irt javas cucc van a gombbal meg a rejtett tartalommal. Es kesz!

Van pl. egy div-ed, ainek az id-je "sajtoslekvar", és alapból display:none. Van egy gombod is, aminek az id-je pl. "gombocska", alapból display:none. Ezen kívül van egy onclick attribútuma is:

Kód:

<div id="sajtoslekvar" style="display:none">
Ide jön a rejtett tartalom.
</div>

<input type="button" id="gombocska" onclick="displayHiddenContent()">

Namost ez a JS 10 mp után megjeleníti a gombot:

Kód:

window.onload = function() {
    setTimeout("document.getElementById('gombocska').style.display = 'inline' ", 10000);
}

Ez pedig akkor fog lefutni, ha a gombra kattintasz (hisz meghívódik a displayHiddenContent() függvény):

Kód:

function displayHiddenContent() {
   document.getElementById("sajtoslekvar").style.display = "block";
}

Emphus eredeti hozzászólása

Van pl. egy div-ed, ainek az id-je "sajtoslekvar", és alapból display:none. Van egy gombod is, aminek az id-je pl. "gombocska", alapból display:none. Ezen kívül van egy onclick attribútuma is:

Kód:

<div id="sajtoslekvar" style="display:none">
Ide jön a rejtett tartalom.
</div>

<input type="button" id="gombocska" onclick="displayHiddenContent()">

Namost ez a JS 10 mp után megjeleníti a gombot:

Kód:

window.onload = function() {
    setTimeout("document.getElementById('gombocska').style.display = 'inline' ", 10000);
}

Ez pedig akkor fog lefutni, ha a gombra kattintasz (hisz meghívódik a displayHiddenContent() függvény):

Kód:

function displayHiddenContent() {
   document.getElementById("sajtoslekvar").style.display = "block";
}

Köszönöm a gyors válaszokat.
Ez a megoldás lenne számomra az ideálisabb, viszont valamit nem jól csinálok, mert a gomb azonnal látszik

"gombocska" gombon hiányzik a

HTML kód:

style="display:none;"

rész. Utána jónak kell lennie.

Igen, nagyon szépen köszönöm.