いまは画像は自動で置き換えますが、画像に合わせてコメントを表示もしたいです。以下は今までのコードです 時計のところは別のものですが、きにしないでください。ご教授お願いします
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css.css" media="all"> <title>本日のお題:オブジェクトのあれこれ</title> <script type="text/javascript"> var hourB, minB, secB, timer; window.onload=ini; function ini(){ hourB=document.d_tokei.hour; minB=document.d_tokei.min; secB=document.d_tokei.sec; dTokei(); } function dTokei(){ var ima = new Date(); var hour = ima.getHours(); var min = ima.getMinutes(); var sec = ima.getSeconds(); if(hour<10) hour="0" + hour; if(min<10) min="0" + min; if(sec<10) sec="0"+sec; hourB.value=hour; minB.value=min; secB.value=sec; timer=setTimeout("dTokei()",1000); } function tomeru(){ clearTimeout(timer); } function cls(){ document.myImg.src ="image/0.gif";}
num = 0;
function chagImg(){
document.myImg.src ="image/"+ num +".gif";
num++;
if(num ==4) num = 0;
timer=setTimeout("chagImg()",1000);
}
<h3>デジタルタイマーを作ってみる<h3> <form name="d_tokei"> <input type="text" name="hour" class="tb">時 <input type="text" name="min" class="tb">分 <input type="text" name="sec" class="tb">秒<br> <!--ボタンにnameをつけるとclearTimeoutメソッド動作不能--> <input type="button" value="START" onclick="chagImg()"> <input type="button" value="STOP" onclick="tomeru()"> <input type="button" value="CLEAR" onclick="cls()"> </form> </body> </html><img src="image/off.jpg" name="myImg" onclick="chagImg()" onmouseout="this.src='image/off.jpg'">
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。