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

質問

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

<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 · ベストアンサー

これでどうでしょう？
（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>

お礼

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