インラインフレーム内に決められた秒数毎に、自動的にアクセスして別のページに変わるようにしたいのですが、ソースを教えていただけないでしょうか?
具体的に言いますと、
インラインフレーム内に3秒ごとに最初はサイトAまた3秒たったら次はサイトBまた3秒たったら次はサイトC…と続くようにしたいです。可能なら最後までいったら最初に戻るのではなく止まるとありがたいです(これは無理でしたら諦めます)
押したら3秒で切り替えが始まるようにボタンでON・OFF制御できて何回フレーム内のページが変わったかカウントしてくれる表示が付きましたらうれしいです。
可能な限りでいいのでソースの方よろしくお願いします。
No.2ベストアンサー
- 回答日時:
一部バグがあったので修正しました
<script>
var urls=[
"http://www.yahoo.co.jp"
,"http://www.yomiuri.co.jp"
,"http://mainichi.jp"
,"http://www.asahi.com"
];
var timerFlg=true;
var timerID=0;
function func(f){
var e=f.elements["count"];
document.getElementById("i").src=urls[e.value];
e.value++;
if(timerFlg){
timerID=setInterval(function(){
if(e.value>=urls.length){
clearInterval(timerID);
return false;
}
document.getElementById("i").src=urls[e.value];
e.value++;
},3000);
}else{
clearInterval(timerID);
}
timerFlg=!timerFlg;
}
</script>
<form>
<input type="text" value="0" name="count">
<input type="button" value="go" onclick="func(this.form)">
</form>
<iframe src="" id="i" width=100% height=200></iframe>
>カウントの部分が3秒刻みなのでしょうか?
setInterval()に3000ミリ秒を指定しているので3秒ごとに切り替わります
ただし、表示してから3秒ではなく、3秒刻みで処理をしているだけなので
重いページだと表示される前に次のページに行ってしまう可能性はあります
No.1
- 回答日時:
いろいろやりようはありそうですが、ざっくりこんな感じでしょうか?
<script>
var urls=[
"http://www.yahoo.co.jp"
,"http://www.yomiuri.co.jp"
,"http://mainichi.jp"
,"http://www.asahi.com"
];
var timerFlg=true;
var timerID=0;
function func(f){
var e=f.elements["count"];
document.getElementById("i").src=urls[e.value];
if(timerFlg){
timerID=setInterval(function(){
e.value++;
if(e.value>=urls.length){
return false;
}
document.getElementById("i").src=urls[e.value];
},3000);
}else{
clearInterval(timerID);
}
timerFlg=!timerFlg;
}
</script>
<form>
<input type="text" value="0" name="count">
<input type="button" value="go" onclick="func(this.form)">
</form>
<iframe src="" id="i" width=100% height=200></iframe>
この回答への補足
ありがとうございます^^
だいたいこれでいいのですがカウントの部分が3秒刻みなのでしょうか?
アクセスが最後までいって止まってもそちらだけ動き続けてるのがどうにかならないでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHPのセッション有効期限について 5 2023/06/14 12:40
- Visual Basic(VBA) VBAで早押しゲームを作りたい 4 2022/05/12 13:46
- Firefox(ファイヤーフォックス) Firefox bookmarkの検索BOXでのインクリメンタルサーチを止めたい 5 2022/06/29 12:15
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- その他(プログラミング・Web制作) Pythonを用いたフラッシュ暗算ソフトの開発に必要なもの 2 2023/01/29 02:22
- その他(ゲーム) 三國無双8Empiresについて 1 2022/05/25 19:39
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- その他(ネットショッピング・通販・ECサイト) 初期不良の対応について 5 2023/07/21 19:46
- マウス・キーボード キーボード設定で困っています。長文です。 2 2022/12/10 12:44
- 大学受験 身長187cmです。 東大理3合格者の勉強時間最短のギネス記録は5分28秒らしいですね。映像見てみま 7 2022/07/30 17:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
value内に変数を入れたい
-
JAVASCRIPTで、ボタンを押した...
-
javascriptでhiddenに二次元配...
-
フォームボタンのvalueを渡すに...
-
JavaScriptによる自動計算フォ...
-
[JavaScript+<select>]最初から...
-
プルダウン選択時、既に入力済...
-
Ruby ヒストグラムの作成
-
複数のsubmitボタンで押された...
-
セレクトボックスの初期選択状...
-
ブラウザの情報
-
ラジオボタンと連動して文字列...
-
3桁区切りのカンマをつけたい...
-
selectboxのoptionタグのvalue...
-
VBAをJavaScriptに変換したいです
-
メタ関数の再帰停止の方法につ...
-
テキストエリア内容からチェッ...
-
テキストボックスに入力された...
-
javascriptで入力フォームが空...
-
return trueとreturn falseの用...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
Pythonで会員サイトの自動ログ...
-
セレクトボックスの初期選択状...
-
name属性が同じフォームが複数...
-
ラジオボタンの選択で解答・点...
-
商品コードを入れたら自動で商...
-
演算対象の数字と演算子を入力...
-
フォームで入力した値を別のフ...
おすすめ情報