javascriptを勉強中です。
コンソールログを見たのですが、エラー箇所がわからない為質問させてください。
開始ボタンでスクロールを開始し、停止ボタンで停止するプログラムです。
停止位置を数字の途中でなく区切りの良い位置で止めるプログラムです。
数字は、0、1、2、3、4、5、6、7、8、9、0の10文字です。
1文字の高さは60pxです。
テキストの通りに入力しているつもりなのですが、開始ボタンを押しても動作しません。
間違っている箇所はありますでしょうか?
javascript
1<!DOCTYPE html> 2<html> 3<head> 4 5<script> 6 7 var cy=0,y=50,TimeId; 8 function stop() 9 { 10 clearInterval(TimeId); 11 var obj=document.getElementById("myimg"); 12 cy=parseInt(cy/60)*60; 13 y=parseInt((y-50)/60)*60+50; 14 obj.style.clip="rect("+cy+"px,60px,"+(cy+60)+"px,0px)"; 15 obj.style.top=y+"px"; 16 } 17 18 function scroll() 19 { 20 var obj=document.getElementById("myimg"); 21 obj.style.clip="rect("+cy+"px,60px,"+(cy+60)+"px,0px)"; 22 obj.style.top=y+"px"; 23 cy+=10; 24 y-=10; 25 26 if (cy>=60*10){ 27 cy=0; 28 y=50; 29 } 30 } 31 32</script> 33 34</head> 35<body> 36 37<input type="button" value="開始" onClick="TimeId=setInterval(scroll,100)" style="position:absolute;left:50px;top:20px" /> 38<input type="button" value="停止" onClick="stop()" style="position:absolute;left:90px;top:20px" /> 39<img id="myimg" src="number.gif" style="position:absolute;left:50px;top:50px;clip:rect(0px,60px,60px,0px)" /> 40 41</body> 42</html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/09 02:10
退会済みユーザー
2020/05/09 02:24
退会済みユーザー
2020/05/09 12:23