＋かわっちの・・・

右のiPhoneの背景の上に時計を表示できるようになりました。

っていっても前から表示できていたんだけど、IEで表示できてなかったから、ちょっと修正しました。
webで調べても、パッとしない。 :hatena03:
手元にあるサンプルとかいろいろ参考にして、ようやく完成しました。

head内に

<script type=”text/javascript”>
function dateClock(){
d=new Date();
y=d.getYear();

if (y < 1000)
y+= 1900;
if (y==101)
y=2001;

sec = ( d.getSeconds() < 10 ? “0″ : “” ) + d.getSeconds();
min = ( d.getMinutes() < 10 ? “0″ : “” ) + d.getMinutes();
hour = ( d.getHours() < 10 ? “0″ : “” ) + d.getHours();

var weekday_name = new Array(“(日)”,”(月)”,”(火)”,”(水)”,”(木)”,”(金)”,”(土)”)
var month_name = new Array(“1″,”2″,”3″,”4″,”5″,”6″,”7″,”8″,”9″,”10″,”11″,”12″)

var hiniti =
(month_name[d.getMonth()]+”/”
+d.getDate()+weekday_name[d.getDay()]);
var jikan =
(hour+”:”+min);

document.getElementById(‘timedate’).innerHTML =
‘<div style=”text-align:right;”>’ + hiniti + ‘<br><h1>’ + jikan + ‘</h1></div>’;}
// –>
</script>

body内に

<div id=”timedate”>
<script language=”JavaScript”>
dateClock(); setInterval(‘dateClock()’, 1000 )
</script>
</div>

後は、cssをいじって完成。

ついでに、壁紙の定期更新とカレンダーも搭載しました。