リロードするまでの間のクリック数をカウントして表示

重ね重ね質問すいません。
先ほど、『リンクボタンからインラインフレーム内にクリックするたび順番に別のサイトに飛ばすようにするにはどうしたらよいでしょうか？※ランダムではなくあらかじめ決めた順番で飛ばしたいです
できるならソースを教えてください』。
という質問をして↓の答えを頂いたのですが、更にこれにリロードするまでの間のボタンのクリック数をカウントしてリアルタイムで表示したいのですがなにを付け加えたらよいでしょうか？※リロード行われたらリセットでお願いします

<script>
var urls=["ttp://okwave.jp/","ttp://oshiete.goo.ne.jp","ttp://qanda.rakuten.ne.jp"];
var idx=0;
function clickFunc(){
idx=idx<urls.length -1?idx+1:0;
document.getElementById("hoge").src=urls[idx];
}
window.onload=function(){
document.getElementById("hoge").src=urls[0];
}
</script>
<input type="button" onclick="clickFunc()" value="go">
<hr>
<iframe src="" id="hoge" width=80% height=500px;></iframe>

No.1 ベストアンサー 回答者： yambejp 回答日時： 2011/12/05 17:33

これでどうでしょう？

（ttpは当然httpに書き換えてくださいね）

<script>
var urls=["ttp://okwave.jp/","ttp://oshiete.goo.ne.jp","ttp://qanda.rakuten.ne.jp"];
var idx=0;
function clickFunc(){
idx++;
document.getElementById("hoge").src=urls[idx % urls.length];
document.getElementById("fuga").value=idx;
}
window.onload=function(){
document.getElementById("hoge").src=urls[0];
}
</script>
<input type="button" onclick="clickFunc()" value="go"><input type="text" name="fuga" id="fuga" value="0" style="text-align:right">回
<hr>
<iframe src="" id="hoge" width=80% height=500px;></iframe>

この回答へのお礼

毎度ありがとうございます＾＾
ちょうど希望通りの感じになってます、ありがとうございました。

お礼日時：2011/12/05 19:32