横浜線新横浜まで運転シュミレーター's game

Click here for free DL of the app version that can save data.

No:23747

←

Prev Next

→

横浜線新横浜まで運転シュミレーター
Developer User11134｜Date and time 23/11/3 11:37:14
Build time 40.995 sec｜Game capacity 1.446KB｜

Script

了解です。以下に横浜線新横浜までの運転シミュレーターの実装例を示します。

このプログラムは、ボタンをクリックすると列車が徐々に右に移動し、新横浜に到着したらアラートが表示されます。列車の位置はCSSの`left`プロパティで制御しています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

了解です。以下に横浜線新横浜までの運転シミュレーターの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>横浜線運転シミュレーター</title>
  <style>
    #train {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translate(0, -50%);
      background: black;
    }
  </style>
</head>
<body>
  <button onclick="startSimulation()">シミュレーション開始</button>
  <div id="train"></div>
  
  <script>
    let trainPosition = 10; // 初期位置は10px
  
    function startSimulation() {
      let trainElement = document.getElementById("train");
      let simulationInterval = setInterval(moveTrain, 100); // 100ミリ秒ごとに列車を移動
      
      function moveTrain() {
        // 列車を10px右に移動
        trainPosition += 10;
        trainElement.style.left = trainPosition + "px";
        
        // 新横浜まで到着したらシミュレーションを停止
        if (trainPosition >= 500) {
          clearInterval(simulationInterval);
          alert("新横浜に到着しました！");
        }
      }
    }
  </script>
</body>
</html>
```