『とほほのJavaScriptリファレンス』動く時計を表示してみよう
★js側
function jikoku() {
dd =new Date();
document.F1.T1.value= dd.toLocaleString();
window.setTimeout("jikoku()",1000);
}★htnl側
<body onload="jikoku()">
<form name="F1" action="#">
<input name="T1" type="text" size="50" >
</form>
</body>前回のおさらい→をふまえて、わからないところ↓
★js側
function jikoku() {
dd =new Date();
document.F1.T1.value= dd.toLocaleString();
window.setTimeout("jikoku()",1000);
}document.F1.T1.value…ドキュメントオブジェクトのフォームの操作
↓
document.フォームの名前.インプットの名前.value
フォームのvalueに値を入れている
windowオブジェクト→こちら
window.setTimeout(関数,時間);…windowオブジェクトのメソッド
一定時間経過した後に関数を実行
1000…1000ミリ秒→1秒 関係ないけど、1分は×60＝60000ミリ秒
※『ミリ秒』…時間の単位
◆フォームを使わない方法
調べてもif文とか使わないといけないのかと思ったが、できました。
とっても参考→人力検索はてな
★html側
<body onload="jikoku()">
<div id="time"></div>
</body>★js側
function jikoku() {
dd =new Date();
document.getElementById("time").innerHTML=dd.toLocaleString();
setTimeout("jikoku()",1000);
}document.getElementById（ID）…指定したIDの参照や更新
innerHTML…取得や置き換え※functionに入れないと駄目だょ
▼指定したIDの中身を別のIDにもコピーする
function gogo(){
tt=document.getElementById("boxa");
document.getElementById("inbox").innerHTML = ("これは"+ tt.innerHTML +"です。");
}ちなみに、
document.getElementById→("ID名")
document.getElementByTagName→("要素名")
document.getElementByName→("name名")
さらに、IEでしか使えない『document.all』のかわりに、
document.getElementByTagName
→("*")が使えるらしい
----------------参考サイト--------------------
・システムエンジニアのスキルアップ
http://itref.fc2web.com/javascript/document.html
・指定IDのエレメント取得 - JavaScriptリファレンス
http://javascriptist.net/ref/document.getelementbyid.html
解説…？
http://www.gifu-nct.ac.jp/elcon/labo/fukunaga/edu/1d/jssample/s_tokei/kaisetsu.html
0 件のコメント:
コメントを投稿