
一定時間ごとに表示内容を切り替える。
http://eelife.cool.ne.jp/java/txt/chgmsg.html
上記サイトでは、フォームに表示させていますが、これを
通常のHTML内に、例えば、<div>ここに表示</div>
というように表示させたいのですが、どのようにしたらよいのでしょうか?

No.1ベストアンサー
- 回答日時:
これでどうでしょうか?
---
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>HTMLアクセス</html>
<script language="javascript">
<!--
var i = 0;
var v = 0;
msg = new Array();
msg[0] = "教えてgooは";
msg[1] = "みんなの知恵を";
msg[2] = "持ち寄って";
msg[3] = "様々な疑問を";
msg[4]= "解決する";
msg[5]= "コミュニティーです";
function Loopmsg() {
if (v < 50) {
v++; // vは繰り返し回数
if (i < msg.length) {
document.getElementById("tbox").innerHTML = msg[i];
i++;
if (i == msg.length) { // msg.lengthは配列の数
i = 0;
}
setTimeout("Loopmsg()", 2000); //メッセージの変わる速度(単位は千分の一秒)
}
}
}
// -->
</script>
</head>
<body onload="Loopmsg()">
<P>一定時間ごとにメッセージを切り替えます。</P>
<div id="tbox"></div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- HTML・CSS HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照) 1 2022/09/25 14:35
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
インラインフレームを自動更新...
-
毎日午前0時にhtmlを切り替えた...
-
フレーム内の要素へのXPATHはど...
-
EUC-JPに対応しているjQueryを...
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
AJAXでのリロードに関して
-
JavascriptからPHPへのAjax通信...
-
jQueryのアコーディオン一番目...
-
JavaScriptでtabindexの変更っ...
-
変数にドットをいれることはか...
-
スライドを最後の画像で止めたい
-
jquery.validationEngine.js 添...
-
jQuery を外部ファイルから呼び...
-
同一ページ移動時ハンバーガー...
-
階層別の組織図の自動作成について
-
二つのbxsliderをレスポンシブ...
-
JQueryでのloadの動作がFirefox...
-
jquery,ajaxによるphp通信でnull
-
jQuery 隣接セレクタ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
インラインフレームを自動更新...
-
外部からファイルを読み込んだ...
-
location.replaceでの移動
-
毎日午前0時にhtmlを切り替えた...
-
slideToggleを複数のボタンで適...
-
javascriptからのphpクラス...
-
リンク元のURLのパラメータでペ...
-
JQueryで動的生成のスライダが...
-
javaの変数又はデータの共有
-
jQueryでloadした部分に.jsが効...
-
jQuery toggle() 戻るで開いた...
-
HTMLDivElement等の比較、評価...
-
jQueryを使用してxmlを取得 ie...
-
phpやjavascriptやhtmlを使って...
-
facebookいいねボタン設置文字...
-
google翻訳ツール設置
-
リンク元のファイル名を表示し...
-
複数の特定のURLからのみアクセ...
-
2つのinframeをまたいだJavaSc...
-
XMLHttpRequest()で、読み込む...
おすすめ情報