![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.2ベストアンサー
- 回答日時:
何か知りたいことがあるならば、何を知りたいのか明確にすべきかと。
あなたの質問からは 「1 つの関数から複数の element 型オブジェクトを操作できるのかどうかわかっていない」 ということと何がしたいのかはわかりますが、どこで行き詰っているのかわかりません。
以下、複数の element 型オブジェクトを 1 つの関数から操作するサンプルです。 この回答欄で書いただけでテストしていないので変なところがあれば適当に直してください。
// 対象の element 型オブジェクト (div 要素とか) の配列を取得
// getTargets 関数は自分で適当に作ってください
var targets = getTargets();
// sample 関数を実行したら, その中で複数の element 型オブジェクトを操作する
var sample = (function( aTargets ) {
// aTargets は element 型オブジェクトの配列
var targets = aTargets;
return function() {
// 全ての target に処理を行う
for( var i = 0; i < targets.length; i++ ) {
// 子ノードの削除
while( targets[i].childNodes > 0 ) {
targets[i].removeChild( targets[i].firstChild );
}
// 時刻をテキストノードで追加
// getCTime は時刻を取得する関数. 自分で作ってください
targets[i].appendChild( document.createTextNode( getCTime(targets[i]) ) );
}
};
})(targets);
この回答へのお礼
お礼日時:2009/07/24 00:13
不明確な質問に丁寧に回答して頂き、ありがとうございました。
参考にさせて頂きます。
テストには数日かかりますので、質問のクローズそれ以降になります。
No.3
- 回答日時:
>複数(画面にて選択)の都市の時計をレイヤーで都市の下に表示させ
>たいのですが、制御するfunctionを1つで行うことはできるのでしょうか?
できるでしょう。
>何かサンプルがあると非常に参考になるのですが。
どの様な方法でやりたいのか提示されていないので、不明なのでサンプルもにしにくいけど、適当にやればこんな感じ?
配列(ハッシュ)に時差データをいれておいて、現地時間から時差で計算する方法にしてます。
あくまでも、「1つのfunctionで複数の表示をする」方法の一例です。
(setTimeoutではなくsetIntervalを使ってます)
要素数も配列の数に応じて変化するのでしょうから、表示のための要素の作成もスクリプトで行うと想定して、サンプルなので最低限の作成をしてます。時間表示は、その作成された要素数に対してループしている。
でも、時計表示部分を作るよりも、前半のインターフェースの方が面倒だと思うけど…?(そこは質問の対象では無いようなので省略)
<html>
<head>
<style type="text/css">
#clock div {padding:10px;}
#clock div span {font-weight: bold;}
</style>
<script type="text/javascript">
var clocks = {
'time1':0,
'time2':1,
'time3':-8
};
window.onload = function(){
var k, e, t, i=1, cl = document.getElementById('clock');
for (k in clocks) {
e = document.createElement('DIV');
e.title = k;
t = '時計表示' + (i++) + '(時差' + clocks[k] + '時間): ';
e.appendChild(document.createTextNode(t));
e.appendChild(document.createElement('SPAN'));
cl.appendChild(e);
}
setInterval(timeDisplayer, 500);
}
function timeDisplayer() {
var cl, i, tmp;
cl = document.getElementById('clock').getElementsByTagName('DIV');
for (i=0; i<cl.length; i++){
tmp = new Date();
tmp.setMilliseconds(clocks[cl[i].title]*60*60*1000);
cl[i].getElementsByTagName('SPAN')[0].innerHTML = tmp.getHours()+':'+tmp.getMinutes()+':'+tmp.getSeconds();
}
}
</script>
</head>
<body>
<div id="clock"></div>
</body>
</html>
この回答へのお礼
お礼日時:2009/07/24 00:15
不明確な質問に丁寧に回答して頂き、ありがとうございました。
参考にさせて頂きます。
テストには数日かかりますので、質問のクローズそれ以降になります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
textareaに入力されたデータを...
-
jspからjavascriptの変数引継ぎ
-
C#テキストボックスの文字を配...
-
javascript 変数名の連結をしたい
-
JavaScriptでソートすることは...
-
この将棋プログラムに王様ゲッ...
-
javascriptで編集可能不可能の...
-
javascriptの基本的なことだと...
-
Latexに関する質問です。
-
C#OpenCv V4にのエラーに関する...
-
ActiveXobjectが作成できない
-
<a>タグのテキストを取得
-
このプログラムに、王手をかけ...
-
HTTPSのとき":"が"%3A"ではなく...
-
jQueryの :not() .not() が有効...
-
このプログラムに王様の逃げ道...
-
google apps scriptの終了のさせ方
-
HTML:Tableタグに対し、JavaScr...
-
親の親の・・・を抽出するSQL文
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
C#テキストボックスの文字を配...
-
jspからjavascriptの変数引継ぎ
-
javascript 変数名の連結をしたい
-
undefinedを表示させない方法は...
-
二次元配列を使って順位をだす...
-
JavaScriptで簡単なクイズを作...
-
JavaScriptにおける[] とか :...
-
JSONデータを50音順でソートしたい
-
助けてください‼︎ javascriptで...
-
jQueryで文字数カウンタ(複数...
-
JavaScriptでの動的な多次元配...
-
HTMLで誕生石と星座をアラート...
-
ページ内のみの検索窓(?)
-
どうすればresponseText結果を...
-
javascriptで行を抽出したいです。
-
配列を作って総当たりで距離を...
-
フォーム入力値の重複チェック
-
ソートで
-
順列生成アルゴリズムについて...
おすすめ情報