javascriptの話

今日は、Javascriptについて！
Javascriptは、非常に簡単に始められる言語のひとつです。メモ帳とインターネットブラウザがあれば(インターネットに接続していなくても)始められます。
簡単なライブラリ(実質10時間程度で作成可)を作りました。
サンプルは左側のエリアにあります！

<br /> /*************************************************<br /> HTMLに時刻にまつわる表示をする関数群<br /> htmlのヘッダーでこのJSファイルをロードしてください<br /> ■最終更新日時を表示<br /> htmlに <p id="newal"></p>(タグは任意です)<br /> ■時計(デジタル)<br /> htmlに <p id="watch"></p>(タグは任意です)<br /> ■カウントダウン<br /> htmlに <p timer="2011,10,29,5,36,8">(タグは任意です)<br /> 上の例は,2010年10月29日5時36分8秒までカウントダウンします.<br /> <br /> 備考dom.jsがないと動きません.<br /> 電子制御4年山際康貴<br /> *************************************************/<br /> /*更新日表示関数*/<br /> var newal = function() {<br /> var up = document.getElementById("update");<br /> if(up == null)return false;<br /> var renew = new Date(document.lastModified);<br /> var year = renew.getFullYear();<br /> var month = renew.getMonth()+1;<br /> if(month<10)month="0"+month; var date = renew.getDate(); if(date<10)date="0"+date; var txt = document.createTextNode("最終更新日:"+year+"年"+month+"月"+date+"日"); up.appendChild(txt); } var addZero = function(target){ if( (target)<10 )target="0"+target; return target; } /*時計表示*/ var watchTimer;/*タイマー*/ var watch = function() { var today = new Date();/*日付オブジェクト*/ var tokei = document.getElementById("watch"); /*エレメントが存在しない場合*/ if(tokei == null)return false; var hour = today.getHours(); var min = today.getMinutes(); var sec = today.getSeconds(); var txt = document.createTextNode("現在時刻:"+addZero(hour)+":"+addZero(min)+":"+addZero(sec)); ch=tokei.childNodes.item(0); if(ch == null){/*子ノードが存在しなければ*/ tokei.appendChild(txt); }else{/*子ノードが存在していたら*/ tokei.firstChild.nodeValue=txt.nodeValue; } if(!watchTimer){/*タイマーが設定されていなければ*/ watchTimer=setInterval("watch()",1000); } } var timer;/*カウントダウン用タイマー*/ /*指定日までのカウントダウン*/ var countDown = function(elmArray){ var today = new Date(); var today_year = today.getFullYear(); var today_month = today.getMonth()+1; var today_date = today.getDate(); var today_hour = today.getHours(); var today_min = today.getMinutes(); var today_sec = today.getSeconds(); for(var i in elmArray){ var elm = elmArray[i]; var strArray = elm.getAttribute("timer").split(',');/*timer属性値*/ var year = parseInt(strArray.shift());/*年*/ var month = parseInt(strArray.shift());/*月*/ var date = parseInt(strArray.shift());/*日*/ var hour = parseInt(strArray.shift());/*時間*/ var min = parseInt(strArray.shift());/*分*/ var sec = parseInt(strArray.shift());/*秒*/ /*ミリ秒単位で差を計算*/ var ms = Date.UTC(year,month,date,hour,min,sec) - Date.UTC(today_year,today_month,today_date,today_hour,today_min,today_sec); if(ms<0){ clearInterval(timer); if(elm.hasChildNodes())elm.removeChild(elm.firstChild); return false; } /*ミリ秒を変換*/ var tmp = ms/1000; var s =Math.round(tmp)%60;/*秒*/ tmp/=60; var m=Math.round(tmp)%60;/*分*/ tmp/=60; var h=Math.round(tmp)%24;/*時間*/ tmp/=24; var d=Math.floor(tmp);/*日にち*/ var txt = document.createTextNode("あと"+addZero(d)+"日"+addZero(h)+"時間"+addZero(m)+"分"+addZero(s)+"秒"); if(elm.hasChildNodes()){/*子ノードが存在していたら*/ elm.replaceChild(txt,elm.firstChild); }else{/*子ノードが存在しなければ*/ elm.appendChild(txt); } } } /*カウントダウンのラッパー*/ var setCountDown = function(){ elmArray = new Array();/*すべてのエレメント*/ var timerElm = new Array();/*タイマー属性を持つエレメント群*/ if(document.all){elmArray = document.all;}/*IE用*/ else{elmArray = document.getElementsByTagName("*");} for(var ii=0;ii<elmArray.length;ii++){/*timer属性を持っている要素を検索*/ if(elmArray[ii].hasAttribute("timer")==true){ timerElm.push(elmArray[ii]); } } var tmp = setInterval(function(){countDown(timerElm);},1000); countDown(timerElm); } /*初期化処理*/ var initialize = function(){ newal(); watch(); setCountDown(); } /*破棄処理*/ var destroy = function(){ timerDestroy(); } /*タイマー破棄*/ var timerDestroy = function(){ clearInterval(watchTimer); clearInterval(timer); } /*イベントリスナー*/ dom.addListener(window,"load",initialize); dom.addListener(window,"unload",destroy); /************************************************* $$メモ //timer=setInterval("countDown("+year+","+month+","+date+","+hour+","+min+","+sec+")",1000); //timer=setInterval(function(){countDown(year,month,date,hour,min,sec);},1000); //timer=setInterval(countDown,1000,year,month,date,hour,min,sec); *************************************************/