html canvasを使って、以下の条件に合うコードを作成して
#条件
・横画面幅の4分の3を表示幅とする
・表示幅を等分するための数値を入力させる
・入力された数で表示幅を等分する縦線を入れる
・表示画面の左から右に向けて自動車が等速度で走りぬく動画を表示する
・その際、画面右下に時間(秒)を表示する
・自動車の速度をスライドバーで設定できるようにする
スタートとストップのボタンをつけて
車が消えてから再度現れるまでに2秒空けて
ストップをクリックしたとき、次の縦線に車の先頭が来た時に止まるようにして
ストップをクリックしても、自動車が止まるまでは時計も止めないで
htmlを表示した際、スタートをクリックするまでは、自動車を動かさないで
等分線の下に、左端を0として、左端からの長さを表示して
表示画面の下横線よりも下の部分に、長さを表す数値を表示して
横の長さを1200にし、長さを表す1200の表示がすべて見えるようにして
長さの表示を1200は120のように10分の1にして
速度設定を50,100,150と50ずつにして
繰り返す時も、スタートを押すしてから自動車が動き出すようにして
車の位置を表示画面の上下の中央にして
繰り返しの時、2秒待つのではなく、スタートをクリックしてから自動車が動き出すようにして
時計だけを止めて、自動車は走り抜けて
車が通り抜けた後、スタートをクリックすると時計が0から始まり、車の左から走り出すようにして