AI game creator

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

No:13950

←

Prev Next

→

Numbers 1-50 moving
Developer User6030｜Date and time 23/8/30 18:16:42
Build time 11.58 sec｜Game capacity 1.325KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Движущиеся числа</title>
  <style>
    #container {
      height: 500px;
      position: relative;
    }
    .number {
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="container"></div>

// Создаем 50 чисел
    for (let i = 1; i <= 50; i++) {
      const number = document.createElement('div');
      number.className = 'number';
      number.innerText = i;
      container.appendChild(number);
    }

// Функция для движения чисел
    function moveNumbers() {
      const numbers = document.getElementsByClassName('number');
      for (let i = 0; i < numbers.length; i++) {
        const number = numbers[i];

// Генерируем случайное положение для числа
        const newLeft = Math.random() * (window.innerWidth - 50);
        const newTop = Math.random() * (window.innerHeight - 50);

// Анимируем движение числа
        number.style.left = newLeft + 'px';
        number.style.top = newTop + 'px';
      }
    }

// Запускаем движение чисел каждую секунду
    setInterval(moveNumbers, 1000);
  </script>
</body>
</html>