http://gihyo.jp/ の仕組み

質問

このサイトを開いた時に広告が出てきて、一定時間経過後、もしくはスキップをクリックでトップページへ移動（URL変わらずに！）する方法を知りたいです。Flashではなく。

ちなみにこのサイトに組み込みたいです。

http://wawacinema.com/

イメージとしては、サイトを開いた時にフライヤーをドンっ！と表示させて、一定時間経過後、もしくはスキップをクリックでトップページへ移動（URL変わらずに！）したいと思っております。

わかる方いらっしゃいましたら、ご教授願います！
宜しくお願い致します。

回答No.1

神崎 渉瑠（@taloo）

一定時間後に広告を消してコンテンツを表示させる。

<div id="flyer">広告 <a onclick="skip();">skip</a></div>
<div id="contents" style="display:none;">コンテンツ</div>

<script>
function skip(){
document.getElementById('skip').style.display='none';
document.getElementById('contents').style.display='block';
}
onload=function(){ setInterval( skip, 10000); };
</script>

未検証です。

お礼

talooさん

回答ありがとうございます！

ただ、フライヤーが表示されたままで終わりですね...
skipもクリック出来ない状態です。

javascriptの知識不足にも程がある私ですので、talooさんのどこを修正したら良いのかもわからないです...

もしわかりましたら、宜しくお願い致します。