かんたん作成.com【HTML,CSS,JavaScript,CGI,PHP】
|
|
|
時刻を画像表示(new Image)
<html>
<head>
<title>時刻を画像表示</title>
<script language="JavaScript">
<!--
//画像読み込み
imgs = new Array();
for(i = 0 ; i < 10 ; i++) {
imgs[i] = new Image();
imgs[i].src = "../img/no/" + i + ".gif";
}
function change() {
//時刻の取得
today = new Date();
hour = today.getHours();
min = today.getMinutes();
sec = today.getSeconds();
//画像の入れ替え
hour = hour.toString();
if(hour.length < 2) {
hour = "0" + hour;
}
document.hour1.src = imgs[hour.charAt(0)].src;
document.hour2.src = imgs[hour.charAt(1)].src;
min = min.toString();
if(min.length < 2) {
min = "0" + min;
}
document.min1.src = imgs[min.charAt(0)].src;
document.min2.src = imgs[min.charAt(1)].src;
sec = sec.toString();
if(sec.length < 2) {
sec = "0" + sec;
}
document.sec1.src = imgs[sec.charAt(0)].src;
document.sec2.src = imgs[sec.charAt(1)].src;
}
function tm() { //タイマー
tm = setInterval("change()",500);
}
//-->
</script>
</head>
<body onLoad="tm()">
<center>
<img src="../img/no/0.gif" name="hour1">
<img src="../img/no/0.gif" name="hour2">
時
<img src="../img/no/0.gif" name="min1">
<img src="../img/no/0.gif" name="min2">
分
<img src="../img/no/0.gif" name="sec1">
<img src="../img/no/0.gif" name="sec2">
秒
</center>
</body>
</html>
実行する
|
当サイトはリンクフリーです。
<a href="http://www.kantansakusei.com/">かんたん作成.com【HTML,CSS,JavaScript,CGI,PHP】</a>
|